输入字段自动给出建议？答案

【问题标题】：input field gives advice, automaticly?输入字段自动给出建议？
【发布时间】：2015-02-13 02:15:42
【问题描述】：

我偶然发现了 HTML5 结帐表单。

我开始更改它，我看到如果您输入错误的电子邮件地址，您将收到建议/提示。查看代码后，我没有找到java脚本。但我注意到 INPUT 包含非标准属性。

要为电子邮件测试类型“foo”，然后输入

作为

data-required

如果你 fork 这个项目，你可以检查另一个功能：打开浏览器，提供正确的电子邮件，然后按 Enter：所以你得到下一个网址

...local.../index.html?email=mail%40test.de

为什么？！怎么样？！

我知道 data - 属性，data 它只为我，为 js ......但似乎它们具有可选功能。还是chrome，明白是email，给点tips？

我想明白，但还是不明白。

谢谢！

【问题讨论】：

【解决方案1】：

秘密不是data-required——秘密是type="email"。这就是提示出现的原因。

它是 chrome 而不是 javascript。您可以在大多数浏览器中尝试它，它会做类似的事情。

<form>
  <input type="email" placeholder="Try entering an invalid email">
  <button>Go</button>
</form>

注意type="email"。这告诉谷歌浏览器输入应该是一个电子邮件地址，当你提交时，它会自动告诉你电子邮件地址是否无效。

其他类型包括type="number"、type="date"等

【讨论】：