gembin

          OSGi, Eclipse Equinox, ECF, Virgo, Gemini, Apache Felix, Karaf, Aires, Camel, Eclipse RCP

          HBase, Hadoop, ZooKeeper, Cassandra

          Flex4, AS3, Swiz framework, GraniteDS, BlazeDS etc.

          There is nothing that software can't fix. Unfortunately, there is also nothing that software can't completely fuck up. That gap is called talent.

          About Me

           

          47個優秀的Ajax/CSS 表單設計資源

          表單需要有一個穩固的視覺結構,完整的層次組成元素(輸入框、提示文本、提交按鈕等) ,強大的技術和功能(Ajax)使表單更加易于使用并看上去更加漂亮。下面是一些Ajax效果的CSS表單,可以用來美化你的網站表單。

          樣式化表單
          1) Uni Form

          一個規范的表單,結構良好,高度可定制,交互友好,非常實用。

          2) CSS-Only, Table-less Forms這是一個很好的CSS表單設計實例,使用了表格。它良好運行在 IE6/Firefox1.0+/Opeara v8.0和Safari ,盡管可能在不同的瀏覽器下有細微的出入,但基本不影響使用。

          Table-less Form

          3) Tableless Forms一個非常漂亮的表單,例如在輸入框的最左邊有一個小圖形,這樣看起來挺精致漂亮。

          Demo

          4) A form with style 如何把一個難看的表單通過CSS樣式化讓它好看起來。

          樣式化表單元素

          5) Niceforms 1.0

          這是一個腳本,取代常用的表單元素,其中對復選框和下拉選擇框的改非常值得一用,突中顯示當前選擇,這樣看上去很友好。

          niceforms

          6) Fancy Form

          Fancyform是一個功能強大的多選框替換腳本,極具靈活性,改變了HTML表單元素的外觀和功能。它不僅便于使用,并且支持各種不同的瀏覽器。

          FancyForm

          7) Styling form controls with CSS, revisited

          使用不同的CSS規則定制出224種不同的畫面顯示效果的表單。

          8 ) Showing Good Form - 用語義標記達到的比較簡潔的CSS表單,有點像表格哦。呵呵。

          Demo :

          9) Styling the Button Element with Sliding Doors

          一個滑動門技術和按鈕美化的示例。

          實用且兼容各大瀏覽器的表單
          10) Prettier Accessible Forms

          Demo :

          11) Check it, don’t select it

          Fancy Demo :

          12) Sensible Forms

          網站可用性-Roger Hudson提供了一個非常有用的教程,就如何創建一種良好布局的表單。

          Ajax表單
          13) AJAX Contact Form

          Dustin Diaz設計的一個出色的Ajax聯系表單,使用了javascript.

          Demo :
          An AJAX contact form

          14) AutoSuggest: An AJAX auto-complete text field -

          這個表單比較特別的地方在于,它為文本輸入框增加了一個彈出下拉菜單中的文本建議。用戶可直接點擊選擇其中的文本建議,支持Tab鍵的選擇。

          Demo :
          AutoSuggest

          15) FancyUpload using Mootools - 基于Mootools構建的一個漂亮的文件上傳表單。

          Demo :

          16) jQuery Form Plugin

          使用AJAX技術讓您輕松管理HTML表單,以方便從表單元素中搜集資料,確定如何來管理提交過程,讓你對如何提交數據能有充分的控制權。

          17) Cforms

          這是一個Ajax的Wordpress聯系表單插件,可以為你的博客用戶聯系你時提供更多的方便。

          優秀的表單驗證
          18 ) Really Easy Field validation with Prototype - 這是一個非常簡單的表單驗證腳本。

          Demo :
          Easy Field validation with Prototype

          19) Live Validation

          這是一個很小巧的開放源代碼的Javascript效果,當用戶在提交表單時,提供實時的表單驗證。

          20) Ajax form validation

          學習如何使用Ajax技術,以便處理和校驗你的表單。

          Ajax form validation

          21) fValidator

          fValidator是一個開源免費的Javascript腳本,當用戶在提交表單時,提供實時的表單驗證。

          表單提示信息
          22) Validation Hints for your form

          這篇文章將解釋如何使用JavaScript和CSS達到輸入提示的效果。

          validation hints

          23) Form Help without Popups

          一個新鮮的技術,為你的用戶在輸入表單時提供幫助信息,用不使用彈出窗口。

          validation hints

          隱藏表單域
          24) Trimming form fields

          利用Javascript,DOM和CSS,讓用戶自主選擇是否選擇哪些表單內容。

          Demo :
          Trimming form fields

          創建表單的一些技巧
          25) Tips For Creating Great Web Forms

          這是一篇對所有設計師來說都值得一學的表單設計技巧。

          posted on 2008-09-23 16:40 gembin 閱讀(647) 評論(0)  編輯  收藏 所屬分類: CSS 、Javascript

          導航

          統計

          常用鏈接

          留言簿(6)

          隨筆分類(440)

          隨筆檔案(378)

          文章檔案(6)

          新聞檔案(1)

          相冊

          收藏夾(9)

          Adobe

          Android

          AS3

          Blog-Links

          Build

          Design Pattern

          Eclipse

          Favorite Links

          Flickr

          Game Dev

          HBase

          Identity Management

          IT resources

          JEE

          Language

          OpenID

          OSGi

          SOA

          Version Control

          最新隨筆

          搜索

          積分與排名

          最新評論

          閱讀排行榜

          評論排行榜

          free counters
          主站蜘蛛池模板: 东城区| 政和县| 江永县| 南郑县| 牙克石市| 盐山县| 宜丰县| 郓城县| 日照市| 南川市| 象州县| 景泰县| 陈巴尔虎旗| 腾冲县| 县级市| 乌兰浩特市| 绍兴市| 修武县| 宿迁市| 锡林浩特市| 肥东县| 泰州市| 柞水县| 新蔡县| 唐山市| 济源市| 桃园市| 山东省| 柏乡县| 天长市| 闽清县| 永仁县| 阳泉市| 临沭县| 仪陇县| 平武县| 丘北县| 甘德县| 吴忠市| 大姚县| 和平县|