以下是这些新输入类型的示例。它们的风格在不同的浏览器中可能会略有变化，但基本功能是一样的。

html5中的新型input类型

数字型 type=”number”

输入类型='数字'

效果：

日期型 type=”date”

输入类型='日期'

效果：

颜色选择器 type=”color”

输入类型='color '

效果：

范围 type=”range”

输入类型='范围'

效果：

需要注意的是，如果你使用的是Google浏览器或者Opera浏览器，当你点击日期类型输入框时，会弹出一个日历，允许你选择日期。但是如果你用的是Firefox浏览器，很遗憾Firefox浏览器还没有实现弹出日历的功能，因为HTML5没有指定实现日历的方法，所以每个浏览器决定如何实现。相信很快Firefox浏览器/IE浏览器也会有自己的弹出日历框。

谷歌浏览器中的日期类型渲染：

谷歌浏览器中的日期类型渲染