表单控件
1. input控件
<input type="text" name="user" value="test"> <!--文本框-->
<input type="password" name="pwd" value=""> <!--密码框-->
<input type="file" name="upload"> <!--文件上传域-->
<input type="hidden" name="id" value="2"> <!--隐藏域-->
<input type="reset" value="重置"> <!--重置按钮-->
<input type="submit" value="提交"> <!--提交按钮-->
<!--单选框-->
<input type="radio" name="gender" value="m"> 男
<input type="radio" name="gender" value="w"> 女
<!--复选框-->
<input type="checkbox" name="hobby[]" value="swimming"> 游泳
<input type="checkbox" name="hobby[]" value="reading"> 读书
<input type="checkbox" name="hobby[]" value="running"> 跑步
2. textarea控件
<textarea name="introduce" cols="5" rows="10">
<!--文本内容-->
<textarea>
3. select控件
<select name="area">
<option selected>--请选择--</option>
<option value="Beijing">北京</option>
<option value="Shenzhen">深圳</option>
<option value="Shanghai">上海</option>
<select>
4. label标签
将input控件和label标签联合使用,以扩大控件的选择范围。
例如:
<label><input type="radio" name="gender" value="m"> 男</label>
<label><input type="radio" name="gender" value="w"> 女</label>
//使用label标签包裹单选按钮和提示文本,即可实现单击label标签里的内容时,相应的表单控件就会被选中
//常用命名
//tag 标签 attr 属性 sex 性别 option 选项 checkbox 复选框
//radio 单选框