表單是我們在實現應用時常用的,通常情況下多數的應用系統對于用戶而言就是在于表單打交道,所以提升表單的交互能力是非常重要的一個環節,當然,交互其實很多時候和業務都是有關系的,就如很多業務表單需要的是快速錄入的方式,這個時候如回車添加行、Tab快速切換到相應的域上都是非常重要的,在網上查了一下,沒找到一個完整的交互性質的表單的Demo,非常的希望css+js高手們能動手搞一個這樣的東西,這樣以后大家就方便了,由于在現在的一個項目中用到了,就把自己做的一個具備了一定能力的交互表單放到網上,希望有高手能基于這個或者自己做一個能作為以后做表單時可參考的對象。
在這個交互表單中,對于交互性主要提供了這么一些:
1、表單進入域時的即時提醒
??????

????? 這個對于表單中具備超多域的時候還是非常有作用的。
2、回車增加行
?????

????? 這個對于快速錄入數據而言比較重要。
3、星級評分
??????見1中的圖。
??????這個還是會經常用得到的。
4、域值非法的提示
??????

????? 這個是經常用到的,還有更好的象即時校驗,用ajax連接后端服務器的校驗等等。
強調:這個表單中象星級評分、域值校驗等的都來源于網上,如作者覺得有所不妥,請聲明。
??????????? 另外,這個表單發布出來并不是想表明它做的多好,自己就覺得很差勁,確實是自己的css和js水平? 不夠高,這樣的情況下還是發布出來的主要原因是希望能向大家提供一個具備親和力的交互表單的一些交互要素,同時希望能有高手來幫忙(象采用css+div來布局等),為廣大想提升系統交互能力但水平有限的人提供個可參考的豐富交互的表單,也希望能在該表單中體現出更好、更多種類的交互,這樣以后大家做系統的時候就更方便些了。
表單的下載地址:
http://www.aygfsteel.com/Files/BlueDavy/richform.rar