HTML5基础（三）——input表单

一、新增表单类型

1、search：它看起来是一个文本输入框，可以输入一行普通的文本，可以把它看成一个搜索框。

2、email：它看起来是一个文本输入框，可以输入一个电子邮件地址，在移动设备上有额外的特性。

3、url：它看起来是一个文本输入框，可以输入一个url地址，在移动设备上有额外的特性。

4、tel：它看起来是一个文本输入框，可以输入一个电话号码，在移动设备上有额外的特性。

5、number：专门用来输入一个数值的输入框，右侧有一组上下箭头，用来控制文本框中数值的大小。

6、range：通过滑动条选择一个滑动范围。

7、date：在弹出的日历中选择一个具体的日期。

8、month：选择（一年中的）一个具体的月份。

9、week：选择（一年中的）一个具体的星期。

10、time：在弹出的日历中选择一个具体的时间。

11、datetime-local：选择日期和时间（本地时间）。

12、datetime：选择日期和时间（UTC世界标准时间）。

13、color：在弹出的颜色面板中选择一个颜色。

二、新增表单元素（ 类似于textarea标签）

1、datalist（输入建议）：为其他输入控件提供一个预定义的选项列表。

2、keygen：用于客户端访问服务器时的安全验证*（暂时不必详细了解）。

当提交表单时，会生成两个键，一个是私钥，一个是公钥。

私钥存储在客户端，公钥则发送到服务器端。

公钥可用于之后验证用户的客户端证书。

3、output：结合JavaScript，主要用于显示脚本输出。

三、新增表单属性（表单验证方面）
1、require属性是布尔属性，表单提交时输入域不能为空。共有属性，除了submit，button，reset。
2、minlength和maxlength是字符长度验证。（支持度还不太好。）共有属性。
3、min和max是数值范围验证。用于number，range和日期时间范围验证。
4、step步长，在点击number输入框右侧的上下剪头，每次增加或减少一个步长的值；移动滑动条每次增加或减少一个步长的值。
5、正则表达式验证。例如：pattern=“[0-4]{3}”共有属性。
6、禁用html5表单验证：
novalidate（form标签中添加此属性）
formnovalidate（submit标签中添加此属性）

四、新增表单属性（其它方面）

1、placeholder：为文本框设置默认值，用户输入文本时自动隐藏，用户清除文本时自动显示。
2、autofocus：布尔属性，页面加载时自动获取焦点，一个页面只能有一个。
3、autocomplete：记录输入文本框的值，有on和off两个选项。
4、multiple：自习。
5、form：自习。
6、list：自习。