HTML5对input的类型进行扩充,当前应用有十三种,你知道几种?
当然,不是所有的主流浏览器都支持input的所有类型,如果不支持就会显示一个文本域
①color颜色选择器
<input type="color">
opera和chrome支持
②date日期选择器
<input type="date" />
你可以认为就是一个自带的日历功能
Chrome、Opera和Safari支持
③datetime是UTC时间的日期选择器
<input type="datetime" />
Safari和Opera支持
④datetime-local无时区选择日期和时间
<input type="datetimg-local" />
Chrome、Safari和Opera支持
⑤email输入邮箱域
<input type="email" />
IE、FireFox、Chrome和Opera支持
⑥month月份选择器
<input type="month" />
Chrome、Safari和Opera支持
⑦number数字
<input type="number" />
IE、Chrome、Safari和Opera支持
disabled禁用、max最大值(H5)、maxlength最大字符长度、min(H5)最小值、pattern(H5)验证字段模式、readonly只读、required(H5)必填、size可见字符数、step步进、value初始值
⑧range滑动条
<input type="range" min="1" max="10">
IE、Chrome、Safari和Opera支持
max最大值、min最小值、step步进、value初始值
⑨search搜索域
<input type="search" />
Chrome和Safari支持
⑩tel电话号码
<input type="tel" />
其他类型:time时间、url输入域、week星期选择器