在使用 jQuery 編寫表單的時(shí)候,我們可以使用多種標(biāo)簽來(lái)定義表單控件。下面是一些最常用的表單標(biāo)簽:
<input type="text" /> // 文本框 <input type="password" /> // 密碼框 <input type="checkbox" /> // 復(fù)選框 <input type="radio" /> // 單選框 <input type="hidden" /> // 隱藏域 <select></select> // 下拉框 <textarea></textarea> // 文本域
在定義表單控件的時(shí)候,我們可以指定特定的屬性,例如:
// 定義一個(gè)文本框,指定 placeholder 屬性 <input type="text" placeholder="請(qǐng)輸入用戶名" /> // 定義一個(gè)下拉框,指定多個(gè)選項(xiàng) <select> <option value="1">選項(xiàng)一</option> <option value="2">選項(xiàng)二</option> <option value="3">選項(xiàng)三</option> </select>
在使用 jQuery 操作表單時(shí),我們可以通過(guò)選擇器選中特定的表單控件,并進(jìn)行一些操作,例如:
// 獲取文本框中的值 var username = $('input[type="text"]').val(); // 選中指定的復(fù)選框或單選框 $('input[type="checkbox"][value="1"]').prop('checked', true); $('input[type="radio"][value="1"]').prop('checked', true); // 獲取下拉框的值 var selectedValue = $('select').val(); // 獲取文本域中的值 var text = $('textarea').val();