HTML5 新的 Input 类型

在本站的HTML教程中,你应该已经了解过HTML表单输入类型了,而在本节的内容中,我们将介绍HTML5中新增的一些表单类型!

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

本章全面介绍这些新的输入类型:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持,仍然可以显示为常规的文本域。


Input 类型: color

color 类型用在input字段主要用于选取颜色,如下所示

实例

从拾色器中选择一个颜色:

选择你喜欢的颜色: <input type="color" name="favcolor">