HTML5 input新增的几种类型
2019年11月30日
作者:佚名
下面是这几种新型input类型的实例演示,可能在不同的浏览器上它们的样式会稍微有些变化,但基本的功能都是一样的。
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类型效果图