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

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

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

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