具備親和力的交互表單

          表單是我們在實現(xiàn)應用時常用的,通常情況下多數(shù)的應用系統(tǒng)對于用戶而言就是在于表單打交道,所以提升表單的交互能力是非常重要的一個環(huán)節(jié),當然,交互其實很多時候和業(yè)務都是有關系的,就如很多業(yè)務表單需要的是快速錄入的方式,這個時候如回車添加行、Tab快速切換到相應的域上都是非常重要的,在網(wǎng)上查了一下,沒找到一個完整的交互性質(zhì)的表單的Demo,非常的希望css+js高手們能動手搞一個這樣的東西,這樣以后大家就方便了,由于在現(xiàn)在的一個項目中用到了,就把自己做的一個具備了一定能力的交互表單放到網(wǎng)上,希望有高手能基于這個或者自己做一個能作為以后做表單時可參考的對象。
          在這個交互表單中,對于交互性主要提供了這么一些:
          1、表單進入域時的即時提醒
          ??????richform.JPG
          ????? 這個對于表單中具備超多域的時候還是非常有作用的。
          2、回車增加行
          ????? enter.jpg
          ????? 這個對于快速錄入數(shù)據(jù)而言比較重要。
          3、星級評分
          ??????見1中的圖。
          ??????這個還是會經(jīng)常用得到的。
          4、域值非法的提示
          ??????validate.jpg
          ????? 這個是經(jīng)常用到的,還有更好的象即時校驗,用ajax連接后端服務器的校驗等等。

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

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

          評論

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

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

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

          老大,你給的鏈接不能下載!!!  回復  更多評論   

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

          支持  回復  更多評論   

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

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

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

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

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

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

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

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

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

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

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

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

          嗯,不錯啊,這些東西雖說不是很復雜的功能,但是能注意到這一點,而且能把它單獨拿出來放到一個頁面的,確實是應該力挺一下啊  回復  更多評論   

          公告

           









          feedsky
          抓蝦
          google reader
          鮮果

          導航

          <2006年9月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          1234567

          統(tǒng)計

          隨筆分類

          隨筆檔案

          文章檔案

          Blogger's

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 兰坪| 锡林郭勒盟| 北流市| 五华县| 天气| 怀宁县| 柯坪县| 周口市| 米林县| 石台县| 南雄市| 乌鲁木齐县| 合川市| 呼玛县| 通山县| 洪洞县| 左贡县| 连云港市| 新邵县| 体育| 阿巴嘎旗| 大悟县| 洱源县| 安西县| 米泉市| 邯郸市| 西乡县| 大姚县| 申扎县| 思南县| 来宾市| 齐河县| 龙泉市| 化隆| 德钦县| 柏乡县| 周口市| 罗山县| 澄迈县| 蓬莱市| 时尚|