表单：专门用来搜集用户信息
元素：在HTML中 标签、标记、表单都是指HTML中的标签
如： a标签、a标记、a元素
表单元素：也是HTML中的一些标签，只是它们比较特殊，有特殊的外观的默认的功能
表单格式：
常见的表单元素：
① input标签
type属性：
text明文本
password密码
radio 单选框，必须设置name属性为相同的值
radio默认不会选中任何选项，需要添加一个checked属性
男
value属性：可以给输入框输入默认值
checkbox 多选框架，可同时选择多个
Paste_Image.png
type的其它属性：
按钮 type="button" 配合JS做一些相应操作
重置按钮：把填写好的表单数据清空
如果想修改 重置按钮 的title，可通过value属性来修改
提交按钮：把表单添加的数据提交到服务器
①需要给form表单添加action属性 ，通过action属性指定需要提交的服务器地址
②表单中需要提交的数据 都要设置name属性
Paste_Image.png
Paste_Image.png
Paste_Image.png
隐藏域：配合提交按钮 默默的将数据提交到服务器 用户不知情，在界面看不到这个隐藏域
Label标签：让输入框和文字绑定
默认情况下，文字与输入框无关联，点击文字 输入框不会聚焦
文字用label标签包围，输入框添加id属性，label标签添加for属性和输入框的id绑定
Paste_Image.png
简化的版本
Paste_Image.png
DataList标签：给输入框绑定 待选项
格式：
待选项
Paste_Image.png
input标签type在H5中新增的类型：
email 、url、date、number、
表单标签中，不光有input标签，还有一些其它的标签
select标签：定义下拉列表，城市选择。。
列表数据
selct标签：自己就是一个列表
datalist标签：指定待选项 绑定给一个输入框
Paste_Image.png
可以给option标签包围optgroup
Paste_Image.png
多行输入框：textarea
内容
注意：默认输入框可无限换行、有自己的宽度和高度
cols可修改宽度 rows可修改高度
Paste_Image.png
fieldset标签给表单添加一个边框
legend标签给边框指定一个标题
Paste_Image.png
orient/strip%7CimageView2/2/w/1240)
