一系列元素，主要用于收集用户数据
input元素
输入框
type属性
选择输入框的类型，比如
text
就是普通文本输入
password
密码框
date
日期选择框，有兼容性问题
search
搜索框，有兼容性问题
手机上用的比较多，我们搜索东西的时候，键盘的 “回车” 会变成 “搜索” ，不过在电脑端没什么变化
range
滑块
color
颜色选择框
number
数字输入框，只能输入数字
还可以结合min（最小值），max（最大值），step（每次增加或减少的大小）
checkbox
多选框
看看
radio
单选框，搭配name属性使用，声明这几个单选框是一组的，其实是在逻辑上将他们分组，因为页面上有很多单多选框，分成一组计算机才知道，在这里，单选框分组后，选项之间就是互斥的了
file
reset，button，submit
分别是重置，按钮，提交，最终都是一个按钮，value可以修改名字
value属性
给输入框初始值
placeholder属性
显示提示的文本，文本框没有内容时显示（跟上面那张图功能类似，用于提示，一输入东西就没了）
select元素
下拉列表选择框
通常和option元素配合使用，option元素是他的唯一子元素，表示下拉列表的选项，
下面是有选择项的
可以有默认选项，下面以广州为例
在这里我们写的是布尔属性，selected
还可以分组
textarea元素
文本域，多行文本框
按钮元素
button元素（做按钮专用，不要用input了）
同样有type属性，和input那个一样的
比input元素更好
这是整个按钮的样子
表单状态
readonly属性：布尔属性，只读，不会改变表单显示样式
不可以修改，只可以看
disabled属性：布尔属性，禁用，会改变表单显示样式
配合表单元素的其他元素
label元素，显示关联
通常配合单选和多选框使用
可以通过for属性关联某一个表单元素，for属性书写表单元素id的值
这样我们点击 ”男“ 这个字的时候也可以勾选到（本来只能点击勾选框）
隐式关联
这样同样可以实现上述功能，只是把for和id去掉
field元素
表单分组