一个包含交互的区域，用于收集用户提供的数据
form（表单）
常用属性：
action：用于指定表单的提交地址（需要与后端人员沟通后确定）。target：用于控制表单提交后，如何打开页面，常用值如下：_blank：在新窗口打开。_self：在本窗口打开。(默认)
method：用于控制表单的提交方式，方式如下：get方法post方法
imput（输入框）
常用属性：
type：设置输入框的类型，常用类型：text：普通文本password：密码隐藏输入email：电子邮箱number：数字文本radio：单选框checkbox：复选框hidden：隐藏域，用户不可见的一个输入区域，作用是： 提交表单的时候，携带一些固定的数据submit：提交按钮reset：重置按钮button：普通按钮
name：用于指定提交数据的名字，（需要与后端人员沟通后确定）value：输入框的默认输入值（对于单选框、复选框、隐藏域是提交的数据值，提交按钮则是指定按钮文字）checked：让该选项默认选中（只针对单选框和复选框）maxlength：输入框最大可输入长度minlength：输入框最小可输入长度placeholder：当表单控件为空时，控件中显示的内容disabled：禁用控件required：是否必填
<form action="https://search.jd.com/search">
账户：<input type="text" name="account" value="zhangsan" maxlength="10"><br>
密码：<input type="password" name="pwd" value="123" maxlength="6"><br>
<!-- 单选框 -->
性别：
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female" checked>女<br>
<!-- 多选框 -->
爱好：
<input type="checkbox" name="hobby" value="smoke" checked>抽烟
<input type="checkbox" name="hobby" value="drink">喝酒
<input type="checkbox" name="hobby" value="perm" checked>烫头<br>
</form>button（按钮）
常用属性：
type：按钮类型，常用有：submit：提交按钮（默认）reset：重置按钮button：普通按钮
name：最好不要有此属性（一般点击，不应向后端传输数据）disabled：禁用控件required：是否必填
textarea（文本域）
常用属性：
name：用于指定提交数据的名字，（需要与后端人员沟通后确定）rows：指定默认显示的行数，会影响文本域的高度cols：指定默认显示的列数，会影响文本域的宽度disabled：禁用控件required：是否必填
对于宽高一般用CSS调节
示例：
<textarea name="other" cols="20" rows="6">我是文本域</textarea>select（下拉框）
常用属性：
name：用于指定提交数据的名字，（需要与后端人员沟通后确定）disabled：禁用控件required：是否必填
option（选项）
常用属性：
value：如果没有 value 属性，提交的数据是 option 中间的文字；如果设置了 value 属性，提交的数据就是 value 的值（建议设置 value 属性）selected：让某个option默认选中disabled：禁用控件required：是否必填
示例：
<select name="from">
<option value="黑">黑龙江</option>
<option value="辽">辽宁</option>
<option value="吉">吉林</option>
<option value="粤" selected>广东</option>
</select>label（关联表单控件）
两种label关联方式：
- 让
label标签的for属性的值等于表单控件的id - 把表单控件套在
label标签的里面
示例：
<label for="zhanghu">账户：</label>
<input id="zhanghu" type="text" name="account" maxlength="10">
<label>
密码：
<input id="mima" type="password" name="pwd" maxlength="10">
</label>fieldset、legend（为表单控件分组）
fieldset 可以为表单控件分组、 legend 标签是分组的标题
示例：
<fieldset>
<legend>主要信息</legend>
</fieldset>
