html - HTML 5 浏览器在输入时弹出 type="email"

Question

当您在支持 HTML5 标记的较新浏览器版本中提交表单并且您的表单具有 input type="email"无效的电子邮件地址值时，该表单将不会被提交，这很好。您还会收到一个气泡警报，上面写着"Please enter an email address"

这里有一个简单的DEMO。

嗯，这在某些方面很好。在演示中，您将看到弹出窗口隐藏了我定义的错误。有没有办法防止泡沫出现？或者我可以覆盖气泡的样式吗？

Answer 1

您可以使用以下属性停止浏览器的内置验证novalidate：

<form action="" novalidate></form>

或者您可以使用此 JavaScript 属性和您自己的错误消息更改覆盖的内容：

var element = [selector that selects the input field];
element.setCustomValidity('This is not a valid e-mail');

但我认为你不能自己设置这个浏览器元素的样式。