在HTML5中，增加了多个新的表单input输入类型，通过使用这些新增元素，可以实现更好的输入控制和验证。
1、email类型的应用
email类型的input元素是一种专门用于输入E-mail地址的文本输入框，在提交表单的时候，会自动验证email输入框的值。
2、url类型的应用
url类型的input元素提供用于输入url地址这类特殊文本的文本框。
3、number类型的应用
number类型的input元素提供用于输入数值的文本框。
4、range类型的应用
range类型的input元素提供用于输入包含一定范围内数字值得文本框，在网页中显示为滚动条。
5、日期检出类型的应用
输入类型 HTML代码 功能说明
date 选取日、月、年
month 选取月、年
week 选取周和年
time 选取时间（小时和分钟）
datetime 选取时间、日、月、年（UTC时间）
datetime-local
选取时间、日、月、年（本地时间）
6、search类型的应用
search类型的input元素提供用于输入搜索关键词的文本框。
input[type=“search”]{
-webkit-appearance:textfield;
}
7、tel类型的应用
tel类型的input元素提供专门用于输入电话号码的文本框。
8、color类型的应用
color类型的input元素提供专门用于设置颜色的文本框。
Input的属性以及HTML5新增的属性
1.value属性：
设置输入字段的初始值
2.readonly
设置输入字段为只读（即不能修改）
3.disabled
设置输入字段是禁用的（即该元素不可编辑，不可点击，不会提交）
4.size
设置输入字段的尺寸（注意：以字符进行计算）
5.maxlength
设置字段允许的最大长度
6.accept（mime_type）
设置通过文件上传来提交的文件类型
7.alt（text）
设置图像输入的替代文本
8.align（left right top middle bottom）
设置图像输入的对齐方式（不建议使用）
9.checked（true false）
设置input元素首次加载的选中状态
10.type
设置input元素的类型
HTML5新增的属性
1.autocomplete
设置输入字段是否自动完成(两个值 on 和 off)
2.novalidate
设置提交表单数据不验证
3.autofocus
设置input标签在页面加载时自动获得焦点
4.form
设置字段位于HTML表单之外(但仍属于表单)
5.formaction
设置提交表单时处理该输入控件的文件的URL（会覆盖form标签的action属性）
适用于 type=“submit” 以及 type=“image”
6.formenctype
设置把表单数据（form-data）提交到服务器时如何对其进行编码（适用于 method=“post” 的表单）
适用于 type=“submit” 以及 type=“image”
7.formmethod
用于向action URl发送表单数据（form-data）的HTTP方法（会覆盖form标签的method属性）
适用于 type=“submit” 以及 type=“image”
8.formnovalidate
设置提交表单时不对input元素进行验证（覆盖novalidate属性），属性值为布尔值
9.formtarget
设置规定的名称或关键词指示 提交表单后 在何处显示接收到的响应（覆盖form的target的属性）
值：_blank _self _parent _top framename (_blank，在新窗口显示目标网页,_self，在当前窗口显示目标网页,_parent，框架网页中当前整个窗口位置显示目标网页,_top，框架网页中在上部窗口中显示目标网页)
10.height和width
设置元素的宽高（仅适用于 type=“image”）
注意：始终规定图像的尺寸。如果浏览器不清楚图像的尺寸，则页面会在页面加载时出现图像闪烁
(alt 属性为用户由于某些原因（比如网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器）无法查看图像时提供了替代文本。)
11.min和max
规定元素的最大值和最小值
适用于输入类型为：number/range/date/datetime/datetime-local/month/time/week
Enter a date before 1980-01-01:
Enter a date after 2000-01-01:
Quantity (between 1 and 5):
12.multiple
设置允许用户在input标签中输入一个以上的值（值为布尔值）
适用于的输入类型：email和file
（接收多个值的文件上传）
13.pattern
检查input标签值的正则表达式（适用于以下输入类型：text、search、url、tel、email、password）
使用全局的title属性对模式进行描述（title 属性规定关于元素的额外信息。这些信息通常会在鼠标移到元素上时显示一段工具提示文本）
14.placeholder
设置输入字段预期值的提示（样本值或者有关格式的简短描述）
注意：该提示会在用户输入值之前输入字段中（使用的输入类型：text/search/url/tel/email/password）
15.required
设置在提交表单之前必须填写输入字段
16.step
设置input标签的合法数字间隔（step=“2”,合法的数字为：-2 0 2 4等）
注意：step可与max和min属性一同使用，创建合法值的范围
1852
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
