html5新增表单输入类型,HTML5 Form表单输入类型介绍

您可能已经熟悉input元素的type属性。这是一个能够决定何种表单输入将呈现给用户的属性。如果它被省略——或者是在旧版浏览器中使用新的输入类型，

尽管浏览器不能识别，但仍可运行：input元素将默认为type=”text”。这就是如今HTML5表单便于使用的关键。如果您使用新的输入类型，如email或search，旧版浏览器将简单地呈现给用户一个标准的文本字段。

我们的注册表单目前使用您比较熟悉的10种输入类型中的4种：check-box、text、password和submit。在HTML5之前，所有类型的完整列表如下所示：

button、checkbox、file、hidden、image、password、radio、reset 、submit、text。

HTML5带给我们的输入类型提供了更多的数据特定相关的用户界面元素以及自带的数据验证。HTML5共有13种新输入类型：

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

让我们详细看一下这些新类型，并学习如何使用它们。

search

search输入类型(type=”search”)提供一个搜索字段，是一个一行的文本输入控件，可以输入一个或多个搜索术语。规范说明如下：

文本状态与搜索状态的区别主要是在格式上：搜索字段平台与常规文本字段平台的不同之处在于，搜索状态可能导致外观与平台搜索字段一致，而不像一个常规的文本字段。

许多浏览器在设置search输入的样式时，与浏览器或操作系统搜索框风格一致。一些浏览器添加了单击鼠标清除输入的功能。

如果您使用iOS设备，