HTML中部分新增表单元素

新增表单元素

email类型
用于验证email的格式，当提交表单时会自动验证email域的值

url类型
用于验证URL地址的格式，当提交表单时会自动验证url域的值

number类型
会根据你的设置提供选择数字的功能，min属性设置最小值、max属性设置最大值，value属性设置当前值，step属性设定每次增长的值，某些浏览器还不支持

range类型
用于应该包含一定范围内数字值得输入域，其会以一个滑块的形式展现，min属性设置最小值、max属性设置最大值，value属性设置当前值，如果没有设置，则其默认值得范围是1-100

日期和时间类型
HTML5拥有多个可供选取日期和时间的新输入类型：

• date——选取日、月、年
• month——选取月、年
• week——选取周和年
• time——选取时间（小时和分钟）
• datetime——选取时间、日、月、年（UTC时间）
• datetime-local——选取时间、日、月、年（本地时间）

search类型
用于搜索域，比如站点搜索或Google搜索，为其加上results=”s”属性，则会在搜索框前面加上一个搜索图标

tel类型
用于验证输入的是否是电话格式的内容，此元素现在还没有浏览器支持

color类型
会提供一个颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中

datalist（option）
数据列表，为输入框提供输入建议

progress
进度条

meter
度量衡，刻度尺，使用不同颜色标识出数据所处的区间

output
输出值，用于表示数据的计算结果，语义标签