HTML5 input新增的几种类型

下面是这几种新型input类型的实例演示，可能在不同的浏览器上它们的样式会稍微有些变化，但基本的功能都是一样的。

html5中的新型input类型

数字型 type="number"

效果：

日期型 type="date"

效果：

颜色选择器 type="color"

效果：

范围 type="range"

效果：

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

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

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

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！