11個jQuery表單元素美化外掛程式

2022-04-15 23:04:26 字數 1503 閱讀 3785

因為瀏覽器相容性的原因,表單元素往往是整個網頁設計過程中最難以美化的,尤其是單選按鈕、下拉選擇框和核取方塊。不過我們可以通過jquery來美化它樣。下面為大家推薦11個簡單易用的jqurey外掛程式,其中既有乾淨小巧的按鈕,也有獨特的iphone風格的棒形按鈕切換,相信它們能幫助你打造自己的表單版式。

帶圓角矩形的checkbox較傳統風格,更顯得柔和;同時在滑鼠選擇處增加了陰影和高亮,增強了控制項的質感與美觀。

清爽、簡約的外觀與系統預設的控制項外觀非常類似,但是帶有一定灰度的checked狀態配合圓角與陰影,讓你的排版更自由、更統一。

radio button以醒目的綠色小圓點標識checked狀態,而checkbox則以綠色和紅色來標識checked狀態,非常特別且美觀。

靈感或許**自家用電器的開關,彷彿滑鼠可以推動控制塊一樣。非常獨特的設計,相信會讓你的網頁與眾不同。

清新簡單的外觀,細微處結合了時下流行的一些元素:圓角、醒目的checked狀態標識。

顏色清爽,樣式簡單,非常容易與設計好的網頁融為一體。

iphone特有的棒形控制項風格,清晰的標識出控制項的checked狀態。或許你也能讓自己的設計很「蘋果」。

這款控制項的特點在於checkbox被選中的狀態表示,不閉合的矩形框以及整體紅黑的漸變色打造出讓人耳目一新的風格。

這款控制項擁有時下流行的玻璃質感,即美觀又低調,試試看,或許你的網頁馬上令人眼前一亮。

同樣是iphone風格的控制項,不同之處在於色塊的切換來標識checked狀態。

依然是很紅的iphone風格的按鈕,漸變的背景色營造出立體的效果。

英文原文:

jQuery選取表單元素

表單元素選擇器 選擇器 說明 button 元素和type屬性值為button的元素。checkbox type屬性值為checkbox的元素。使用 type checkbox 能獲得更高的效能。checked 選中的單選按鈕和核取方塊元素。disabled 所有被禁用的元素。enabled 所有被...

jQuery 處理元素內容 表單元素

處理元素內容 1 text方法 使用說明 1 不傳引數 得到jquery物件內所有元素及其後代元素的文字內容 2 傳入用於設定匹配元素的文字內容 3 傳入function 使用函式來設定jquery物件中每個元素的文字 兩個引數 第乙個表示當前元素序號,第二個引數表示當前元素的文字 函式內部this...

Jquery獲取表單元素值 控制表單元素總結

function get form value 控制表單元素 文字框,文字區域 text id attr value 清空內容 text id attr value test 填充內容 多選框checkbox chk id attr checked 未選中的值 input type checkbox...