<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>11.11jQuery选择器之表单元素选择器</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
//1.选取所有单行文本框
var $text = $(':text');
//2.选取所有密码框
var $password = $(':password');
//3.选取所有单选按钮
var $radio = $(':radio');
//4.选取所有复选按钮
var $checkbox = $(':checkbox');
//5.选取所有列表项
var $selected = $(':selected');
//6.选取文件域
var $file = $(':file');
//7.选取图像域
var $image = $(':image');
//8.选取所有提交按钮
var $submit = $(':submit');
//9.选取所有重置按钮
var $reset = $(':reset');
//10.选取所有button按钮
var $button = $(':button');
//11.选取所有隐藏input
var $hidden = $(':hidden');
//12.选取input表单元素
var $input = $(':input');
alert($input.length);
});
</script>
</head>
<body>
<form method="post" action="check.jsp">
<label for="no">账号:</label>
<input type="text" value="123456" id="no"><br>
密码:<input type="password"><br>
性别:<input type="radio" name="xb" checked>男
<input type="radio" name="xb">女<br>
爱好:<input type="checkbox">游泳
<input type="checkbox">爬山
<input type="checkbox">跑步
<input type="checkbox" checked>其他<br>
专业:<select>
<option>电子商务</option>
<option>市场营销</option>
<option>国际贸易</option>
</select><br>
课程:<select multiple>
<option selected>HTML5</option>
<option>CSS3</option>
<option selected>JavaScript</option>
<option>jQuery</option>
</select><br>
文件:<input type="file"><br>
照片:<input type="image"><br>
隐藏:<input type="hidden"><br>
简介:<textarea cols="30" rows="3"></textarea><br>
<input type="submit" value="提交">
<input type="reset" value="重置" disabled>
<input type="button" value="注册" disabled>
<button>验证</button>
</form>
</body>
</html>
