11個jQuery表單元素美化插件

因為瀏覽器兼容性的原因，表單元素往往是整個網(wǎng)頁設(shè)計過程中最難以美化的，尤其是單選按鈕、下拉選擇框和復(fù)選框。不過我們可以通過jquery來美化它樣。下面為大家推薦11個簡單易用的jQurey插件，其中既有干凈小巧的按鈕，也有獨特的iphone風(fēng)格的棒形按鈕切換，相信它們能幫助你打造自己的表單版式。

Fancy checkboxes and radio buttons with CSS

帶圓角矩形的Checkbox較傳統(tǒng)風(fēng)格,更顯得柔和；同時在鼠標(biāo)選擇處增加了陰影和高亮，增強了控件的質(zhì)感與美觀。

jqTransform

清爽、簡約的外觀與系統(tǒng)默認(rèn)的控件外觀非常類似，但是帶有一定灰度的checked狀態(tài)配合圓角與陰影，讓你的排版更自由、更統(tǒng)一。

FancyForm

Radio Button以醒目的綠色小圓點標(biāo)識checked狀態(tài)，而Checkbox則以綠色和紅色來標(biāo)識checked狀態(tài)，非常特別且美觀。

jQuery Checkbox

靈感或許來源自家用電器的開關(guān)，仿佛鼠標(biāo)可以推動控制塊一樣。非常獨特的設(shè)計，相信會讓你的網(wǎng)頁與眾不同。

jNice

清新簡單的外觀，細(xì)微處結(jié)合了時下流行的一些元素：圓角、醒目的checked狀態(tài)標(biāo)識。

NiceForms

顏色清爽，樣式簡單，非常容易與設(shè)計好的網(wǎng)頁融為一體。

iPhone-style Checkboxes

iPhone特有的棒形控件風(fēng)格，清晰的標(biāo)識出控件的checked狀態(tài)。或許你也能讓自己的設(shè)計很“蘋果”。

ezMark jQuery Checkbox & Radio Button plugin

這款控件的特點在于Checkbox被選中的狀態(tài)表示，不閉合的矩形框以及整體紅黑的漸變色打造出讓人耳目一新的風(fēng)格。

jQuery Fancy Custom Radio-button and Checkbox

這款控件擁有時下流行的玻璃質(zhì)感，即美觀又低調(diào)，試試看，或許你的網(wǎng)頁馬上令人眼前一亮。

iPhone Style Radio and Checkbox

同樣是iPhone風(fēng)格的控件，不同之處在于色塊的切換來標(biāo)識checked狀態(tài)。

Create iPhone-style buttons with the iButton jQuery Plug-in

依然是很紅的iPhone風(fēng)格的按鈕，漸變的背景色營造出立體的效果。

英文原文：http://line25.com/articles/jquery-plugins-for-styling-checkbox-radio-buttons

來源于 11個jQuery表單元素美化插件 | 帕蘭映像

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈