HTML5新增的几个INPUT类型

HTML/CSS 2012-06-13 html5,input

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类型

文章地址:http://www.qttc.net/20120686.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 2