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

COMSHARP CMS 寫道：HTML 表單對像在不同瀏覽器渲染方式並不一致，儘管一些對象，如textbox 和textarea 可以通過CSS 在不同瀏覽器獲得一致的外觀，其它多數無法通過CSS 控制外觀的對像在有些瀏覽器中看上去十分醜陋，本文精選了24個對錶單對象進行個性化定制的技術。

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 的文章

• Custom Radio Button Implement With jQuery
• slayeroffice Custom Checkbox Elements
• Customized Html Controls: Creating Custom Checkbox
• Styled Form Controls
• Fancy Checkboxes and Radio Buttons
• Inside Technique : Custom Checkboxes

選擇和下拉框(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)

• mcDropdown jQuery Plug-in
• jQuery Custom Select Box v.0.01
• Arc90 Arc90
• Control.SelectMultiple

更多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/