<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 閱讀(648) 評論(0)  編輯  收藏 所屬分類: CSSJavascript

    導航

    統計

    常用鏈接

    留言簿(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
    主站蜘蛛池模板: 亚洲天堂中文字幕| 亚洲精品无码不卡在线播HE| 亚洲国产精品成人精品软件| 人人揉揉香蕉大免费不卡| 亚洲国产精品国自产拍AV| 久久国产美女免费观看精品| 亚洲午夜无码久久久久| 大地资源网高清在线观看免费| 国产亚洲午夜高清国产拍精品 | 美女被吸屁股免费网站| 国产免费看插插插视频| 亚洲日韩在线中文字幕综合| 亚洲成A人片77777国产| 国产大片免费天天看| 亚洲成AV人片在| 最好看的中文字幕2019免费| 亚洲伊人久久大香线蕉在观| 午夜视频在线观看免费完整版| 免费观看亚洲人成网站| 国产精品亚洲αv天堂无码| 最新国产乱人伦偷精品免费网站| 亚洲av色福利天堂| 国产成在线观看免费视频| 亚洲人成人伊人成综合网无码| 亚洲成AV人在线观看网址| 成人无码精品1区2区3区免费看| 亚洲成AV人片在WWW色猫咪| 一级毛片不卡片免费观看| 亚洲福利电影在线观看| 免费观看毛片视频| 久久国产免费直播| 亚洲一线产区二线产区精华| 免费在线一级毛片| 美女内射无套日韩免费播放 | 污污视频免费观看网站| 亚洲成AV人片在线播放无码| 最近免费中文字幕视频高清在线看| 亚洲AV电影天堂男人的天堂| 国产亚洲福利精品一区| 69天堂人成无码麻豆免费视频| 国产综合成人亚洲区|