html5 input新增的几个数据类型

付费节点推荐


免费节点


节点使用教程


HTML5到来之后,新增的input类型包括:number(数字),date(日期),color(颜色),range(范围)等等。

html5中的新型input类型

数字型 type=”number”

<input type="number">

效果:

日期型 type=”date”

<input type="date">

效果:

颜色选择器 type=”color”

<input type="color">

效果:

范围 type=”range”

<input type="range">

效果:

需要注意的是,如果你使用的是谷歌浏览器或Opera浏览器,当你点击日期类型的输入框时,会弹出日历,让你选择日期,但如果你使用的是火狐浏览器,很遗憾,火狐浏览器还没有实现弹出日历的功能,因为HTML5规范里没有规定实现日历的方法,所以各浏览器自己决定如何实现,相信不久之后火狐浏览器/IE浏览器也会有自己的弹出式日历框。

谷歌浏览器中date类型效果图:

谷歌浏览器中date类型效果图

谷歌浏览器中date类型效果图,大家也可以自己去测试下各大浏览器的差别、

 

未经允许不得转载:Bcoder资源网 » html5 input新增的几个数据类型

相关推荐

更多优质资源关注微信公众号: bcoder

bcoder
赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册