在jQuery中,我們可以使用<input>
元素來創(chuàng)建表單控件,比如輸入框、下拉菜單和單選框等。以下是一些常用的<input>
元素:
<!-- 創(chuàng)建文本輸入框 --> <input type="text" name="username"> <!-- 創(chuàng)建密碼輸入框 --> <input type="password" name="password"> <!-- 創(chuàng)建單選框 --> <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女 <!-- 創(chuàng)建多選框 --> <input type="checkbox" name="hobbies[]" value="reading">閱讀 <input type="checkbox" name="hobbies[]" value="music">音樂
除了常規(guī)的屬性,我們還可以使用jQuery來操作<input>
元素。例如,下面的代碼可以獲取文本輸入框中用戶的輸入:
var inputValue = $('input[name="username"]').val();
我們還可以在輸入框的值改變時觸發(fā)事件,比如以下代碼就會在文本輸入框輸入結(jié)束后彈出用戶輸入的值:
$('input[name="username"]').on('blur', function() { var inputValue = $(this).val(); alert("您輸入的值是:" + inputValue); });
除此之外,還有許多其他的jQuery方法可以用來操作<input>
元素,例如.attr()
、.prop()
、.addClass()
等等。