返回首页
当前位置: 主页 > 编程语言 > HTML教程 >

HTML5新增的几个INPUT类型

时间:2013-09-11 11:10来源:电脑教程学习网 www.etwiki.cn 编辑:admin

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 - 选取时间、日、月、年(本地时间)

赶紧试试吧!

------分隔线----------------------------
标签(Tag):html5 html html技巧 html实例教程 html源代码 html基础教程
------分隔线----------------------------
推荐内容
猜你感兴趣