很多时候，当我们想要填写信息的时候，都希望有个快熟选择，无需手动填写信息。选择类表单元素就是能帮助我们快速选择信息，提高效率。

目标

1. 如何设置下拉选择框？
2. 如何设置单选或者多选选择框？
3. 如何将单选选择框分组？

选择表单元素

可以快速选择想要的选项，不需要我们手动输入。在各大网站的表单里普遍使用。

下拉选择框

可以快速选择想要的选项

• select--创建下拉 列表容器
• option--创建下拉 列表选项

<select>
	<option>请选择</option>
	<option>我是苹果</option>
	<option>我是香蕉</option>
</select>

单选按钮选框

只选其中一项选项

• 设置type="radio"，即可设置为单选按钮选框
• 要设置为同一组时，将name都设置为同一个参数

男:<input type="radio" name="sex" />
女:<input type="radio" name="sex" />

复选(多选)按钮选框

可以多选项目

• 设置type="checkbox"，即可设置为多选按钮选框

<input type="checkbox" />苹果
<input type="checkbox" />香蕉
<input type="checkbox"/>草莓

总结