HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
HTML5新的Input类型有:email , url , number , range , Date pickers(date,month,week,time,datetime,datetime-local) , search , color
email类型用于应该包含e-mail地址的输入域。
在提交表单时,会自动验证email域的值。
<input type="email" name="user_email"/>
url类型用于应该包含URL地址的输入域。
在提交表单时,会自动验证url域的值。
<input type="url" name="user_url"/>
number类型用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定。
<input type="number" name="points" min="1" max="10" step="3" value="6"/>
range类型用于应该包含一定范围内数字值的输入域。
range类型显示为滑动条。
还可以设定对所接受的数字的限定。
<input type="range" name="points" min="1" max="10"/>
Date Pickers(数据检出器)
HTML5拥有多个可供选取日期和时间的新输入类型:
date - 选取日,月,年
month - 选取月,年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间,日,月,年(UTC时间)
datetime-local - 选取时间,日,月,年(本地时间)
<input type="date" name="user_date"/>
search类型用于搜索域,比如站点搜索或Google搜索。
search域显示为常规的文本域。