表单日期输入_HTML5表单输入类型调查：日期，颜色和范围

表单在网站上随处可见。 Facebook，Twitter，Google（仅举几例）要求我们通过表格登录或注册该网站，实际上，我们还使用表格来发布和更新社交网站的状态 。 简而言之， 表单是能够与网站进行交互的非常重要的部分 。

使用输入构建Web表单，过去，输入类型只有几个选项； 例如text ， password ， radio ， checkbox和submit 。 现在，HTML5进行了重大改进，并在规范中引入了许多新的输入类型。

因此，在这篇文章中，我们将从HTML5表单中挖掘一些有趣的新片段，我们认为您应该尝试一下； 让我们检查一下。

日期选择器

我们首先要看的是日期选择器 。 选择日期是常见的事情，您可以在注册表中找到，特别是在某些网站或应用程序中，例如航班和酒店预订。

有许多JavaScript库可以创建日期选择器 。 现在，我们还可以使用HTML5输入date ，以一种更容易的方式创建一个，如下所示；

<input type="date">

HTML5中的日期选择器基本上与JavaScript库的工作方式非常相似。 当我们专注于该字段时，将弹出一个日历，然后可以在月份和年份中导航以选择日期。

但是，当前支持date输入类型（即Chrome，Opera和Safari）的每个浏览器对此输入类型的显示方式都有些不同，这可能会导致用户体验不一致的问题，外观如下：

您可以从上述屏幕快照中一目了然地看到一些明显的差异； 歌剧使用英文字母的三字母缩写表示日期名称（