HTML5新增input元素的类型

1、email:表示必须输入email地址的文本输入框

HTML5新增input元素的类型_第1张图片


2、url:表示必须输入文本地址的文本输入框

HTML5新增input元素的类型_第2张图片


3、表示必须输入整数的文本输入框

HTML5新增input元素的类型_第3张图片


4、range:表示输入一定范围内数字值的文本输入框

value

跟其它input类型里的value属性一样。可以是整数,也可以是浮点数。缺省值是最小值和最大值的中间值。


min

范围的最小值。缺省值是0。


max

范围的最大值。缺省值是100。


step

步长,滑块组件滑动时value变动的最小单位。缺省值是1。如果最小值min是浮点数,step也可以是浮点数。



5、Date Pickers:可供选取日期和时间的输入文本框(只能在部分浏览器有效果)

date:选取日、月、年

HTML5新增input元素的类型_第4张图片


month:选取月、年


HTML5新增input元素的类型_第5张图片

week:选取周和年

HTML5新增input元素的类型_第6张图片


time:选取时间(小时和分钟)


datetime:选取时间、日、月、年(UTC时间)

datetime-local:选取时间、日、月、年(本地时间)

HTML5新增input元素的类型_第7张图片


你可能感兴趣的:(HTML)