具備親和力的交互表單

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

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

          其實這些東西是客戶很希望要的功能,特別是習慣于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 的用戶也很多拉?你說是嗎?我就是經常用firefox測試效果,一般來說firefox下行的,IE也行...................  回復  更多評論   

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

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

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

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

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

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

          公告

           









          feedsky
          抓蝦
          google reader
          鮮果

          導航

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

          統計

          隨筆分類

          隨筆檔案

          文章檔案

          Blogger's

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 邯郸县| 平罗县| 平舆县| 响水县| 永川市| 丰原市| 彭山县| 望江县| 巧家县| 泰顺县| 高州市| 达孜县| 临夏市| 奎屯市| 巴林左旗| 溆浦县| 湾仔区| 新疆| 广平县| 云林县| 奉节县| 金堂县| 泗洪县| 潞城市| 清苑县| 南木林县| 肇庆市| 大兴区| 陕西省| 深圳市| 探索| 错那县| 平和县| 临潭县| 乌拉特中旗| 五原县| 宜黄县| 修文县| 且末县| 花莲县| 临江市|