HTML5新增了几个input类型,都是比较实用的。
email类型
<input type="email" />
顾名思义,即自动验证输入的值是否是email
URL类型
<input type="url" />
同样自动验证输入的值是否是正确的URL
number类型
<input type="number" min="1" max="10" />
只接受数字类型
min
参数为最小值max
参数为最大值
range类型
<input type="range" min="1" max="10" />
这个比较新意,是一个滑动块,鼠标移动滑块写值
min
参数为最小值max
参数为最大值
search类型
<input type="search" />
搜索类型,与text没啥区别,就是多了一个放大镜,与清除内容功能
date类型
<input type="date" />
日期类型,起始日期类型有多种如下表
date
- 选取日、月、年month
- 选取月、年week
- 选取周和年time
- 选取时间(小时和分钟)datetime
- 选取时间、日、月、年(UTC 时间)datetime-local
- 选取时间、日、月、年(本地时间)
以上就是HTML5新增的input type类型