<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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 閱讀(624) 評論(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
    主站蜘蛛池模板: 中文字幕免费播放| 久久亚洲精品国产精品黑人| 无码一区二区三区免费| 色多多免费视频观看区一区| 亚洲韩国在线一卡二卡| 337p日本欧洲亚洲大胆裸体艺术| 免费视频淫片aa毛片| **真实毛片免费观看 | 69xx免费观看视频| 在线免费播放一级毛片| 日韩电影免费在线观看网址| 亚洲精品综合在线影院| 亚洲天堂福利视频| 亚洲天天做日日做天天看| 亚洲中文久久精品无码| 免费va在线观看| 永久免费观看的毛片的网站| 免费看黄视频网站| 国产成人免费高清激情明星 | 亚洲午夜福利717| 亚洲国产精品人人做人人爽| 国产精品无码一二区免费 | 亚洲爆乳无码专区www| 亚洲国产成人久久| 亚洲精品无码久久毛片波多野吉衣| 久久亚洲精品视频| 亚洲VA中文字幕无码一二三区| 中文字幕精品亚洲无线码二区| 亚洲一区视频在线播放| 亚洲日韩在线第一页| 国产偷国产偷亚洲高清日韩| 2048亚洲精品国产| 亚洲综合伊人久久大杳蕉| 亚洲国产无套无码av电影| 亚洲色偷拍另类无码专区| 亚洲免费人成在线视频观看| 国产日韩亚洲大尺度高清| 亚洲国产精品无码一线岛国| 亚洲av网址在线观看| 久久精品国产亚洲av麻豆色欲| 亚洲福利电影在线观看|