具備親和力的交互表單

          表單是我們在實(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í)提醒
          ??????richform.JPG
          ????? 這個(gè)對于表單中具備超多域的時(shí)候還是非常有作用的。
          2、回車增加行
          ????? enter.jpg
          ????? 這個(gè)對于快速錄入數(shù)據(jù)而言比較重要。
          3、星級評分
          ??????見1中的圖。
          ??????這個(gè)還是會(huì)經(jīng)常用得到的。
          4、域值非法的提示
          ??????validate.jpg
          ????? 這個(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

          posted on 2006-09-07 20:27 BlueDavy 閱讀(3284) 評論(9)  編輯  收藏 所屬分類: @RIAWork

          評論

          # re: 具備親和力的交互表單 2006-09-08 08:56 jelly->

          其實(shí)這些東西是客戶很希望要的功能,特別是習(xí)慣于cs的用戶,但是往往我們卻忽視了這點(diǎn).  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-08 09:22 Robin's Java World

          老大,你給的鏈接不能下載?。?!  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-08 09:29 hiswing

          支持  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-08 09:47 qiaohui.zhang

          這些功能我在項(xiàng)目中也做過,不過沒有像這樣整理出來過,呵呵,比較懶  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-08 13:38 BlueDavy

          @Robin's Java World
          ...可以下載的呀

          @qiaohui.zhang
          呵呵,希望大家都整理下,共享共享  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-08 21:53 xmusoftware

          BlueDavy,考慮問題不能只看IE(IE下面的確很不錯(cuò)),但在最新版firefox1.5.0.6下面測試,效果全無,如果這樣,這樣的表單是不能讓人接受的.
          其實(shí),javascript的測試應(yīng)該多幾個(gè)瀏覽器測試,如果不那么嚴(yán)格的話,至少要支持IE和firefox這兩個(gè)瀏覽器,firefox 的用戶也很多拉?你說是嗎?我就是經(jīng)常用firefox測試效果,一般來說firefox下行的,IE也行...................  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-09 10:02 BlueDavy

          @xmusoftware
          ...所以說要高手來調(diào)整這個(gè)東西,在文中我已經(jīng)說過了,這個(gè)東西的發(fā)出只是希望有css+js的高手來做個(gè)類似的東西,方便以后大家參考,maybe is the best pratice of richform...  回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-14 16:03 qiaohui.zhang

          表單進(jìn)入域時(shí)的即時(shí)提醒這個(gè)功能的實(shí)現(xiàn)只能表單項(xiàng)比較少時(shí)用用不錯(cuò),可是如果一個(gè)表單有幾十個(gè)填寫項(xiàng),那么會(huì)很慢,影響效率,不信可以試試
            回復(fù)  更多評論   

          # re: 具備親和力的交互表單 2006-09-15 16:42 KING 大三

          嗯,不錯(cuò)啊,這些東西雖說不是很復(fù)雜的功能,但是能注意到這一點(diǎn),而且能把它單獨(dú)拿出來放到一個(gè)頁面的,確實(shí)是應(yīng)該力挺一下啊  回復(fù)  更多評論   

          公告

           









          feedsky
          抓蝦
          google reader
          鮮果

          導(dǎo)航

          <2025年6月>
          25262728293031
          1234567
          891011121314
          15161718192021
          22232425262728
          293012345

          統(tǒng)計(jì)

          隨筆分類

          隨筆檔案

          文章檔案

          Blogger's

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 斗六市| 南投市| 焉耆| 武宁县| 吴川市| 蕉岭县| 巩义市| 兴和县| 光山县| 进贤县| 天峻县| 临清市| 西贡区| 霍林郭勒市| 茂名市| 米易县| 吴忠市| 泾阳县| 会泽县| 蓬安县| 罗田县| 洞头县| 锡林浩特市| 福建省| 滦平县| 襄汾县| 堆龙德庆县| 达孜县| 六安市| 古交市| 太保市| 临澧县| 辉县市| 调兵山市| 阜新| 涟水县| 治多县| 东城区| 绥滨县| 永春县| 定陶县|