24 個漂亮的個性化 HTML 表單技術

Checkbox 與 Radio Buttons 相關


1.) FancyForm

FancyForm 是一個非常強大的 JavaScript 庫,可以作爲 checkbox 和 radio button 的替代品,能生成非常漂亮的 checkbox 和 radio button,並支持幾乎所有瀏覽器,該 JavaScript 庫需要 MooTools JavaScript 框架的支持。



2.) CRIR: Checkbox & Radio Input Replacement

這個 JavaScript 和 CSS 組合可以隱藏表單中的 checkbox 和 radio button,並允許你使用 CSS 對 checkbox 與 radio button 的設置式樣模擬 checkbox 和 radio button。表單的功能不會改變,仍可以收集 checkbox 和 radio button 的數據值,checkbox 和 radio button 的標籤會觸發那些隱藏的對象。



3.) Ryan Fait’s Custom Checkboxes & Radio Buttons

這個 JavaScript 和 CSS 組合允許你使用自己的圖片模擬 checkbox,radio button 以及 select 列表控件。這個很周到的 JavaScript 庫還可以在瀏覽器禁用了 JavaScript 的時候,自動用回傳統的表單控件。



4.) ARC - Adam’s Radio/Checkbox Customization

該腳本會對錶單中的 checkbox 和 radio button 及其標籤進行探測,一旦發現,就會使用基於 CSS 式樣的圖形標籤替換這些控件。



5.) prettyCheckboxes



6.) jQuery checkbox



7.) 一些用來定製 checkbox 和 radion button 的文章

選擇和下拉框(Select / Dropdown Box)相關


1.) JavaScript Image Combobox (JavaScript 圖形化 Combobox)



2.) jQuery Dropdown Check List



3.) Custom Select With Icons


4.) ComboBoxes Using MooTools




5.) Select Replacement



6.) 更多 select box 定製技術 (基於 JavaScript)

更多 Form 控件對象


1.) Custom Form Elements (CFE)

Custom Form Elements 集合了各種技術,增強 XHTML Web 表單控件對象,基於 javaScript 和 CSS 實現更漂亮的效果,提高易用性與可訪問性。支持絕大多數主流瀏覽器。



2.) Emblematiq Niceforms

Niceforms 是一個可以替代幾乎所有 web 表單對象的 JavaScript 庫。你可以使用默認的主題,甚至可以開發自己的主題。

 



3.) jQuery Plugin: jNice



 

本文來源:http://www.netwaver.com/23/24-html-form-elements-customization-techniques/

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章