h5表单

url编码：

HTTP方法：

1.单行文本框

（1）text

value ，placeholder ,  name，autofocus（聚焦）

光标自动聚焦到改文本框

（2）password

2，多行文本框

3.输入验证

（1）required，minlength，maxlength，pattern

（2）type的值：search，email，url

（3）novalidate: 不进行html表单验证，直接略过，进行自定义原生js验证

4. 单选框

                      一组中的name要同

5. label标签与input的使用

（1）input标签与label标签关联有两种方式

         一：label标签中包含input标签                                                                                                              二：不包含，label标签的for属性与Input中id取统一名字

（1）与多选框的input连用，使其可点击的范围增大，增加了可读性

（2）与文本框的input连用，增加了可读性，点击label标签，光标自动聚焦到对应的文本框中，知晓该处添加的是什么

6.下拉框

（1）单选

单选

（2）多选

多选

size属性:默认为1，在页面中显示几个，默认显示为1个，此处共6个，页面上显示3个

（3）分组

  选项特别多的时候，选择容易些

7.hidden 隐藏

8.多选框

checked:选中

9.文件选择

（1）只要form中包含文件上传，需要在form中指定 enctype="multipart/form-data"

multipart的编码方式，先用分隔符进行切分

（2）multiple：多选，同时选择多个文件

（3）accept="image/*"  : 选择时，只能选择图片

（4）利用ajax进行上传

10.date&time

date,datetime-local，month，week，time

11.number&range

min ,max step,value

数字的显示：

12.color

13.button

14.回车提交

自动回车提交

15.控件状态

readonly·  disabled

16.设计原则