html5 – HTML 5浏览器弹出的输入类型=“email”

前端之家收集整理的这篇文章主要介绍了html5 – HTML 5浏览器弹出的输入类型=“email”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当您使用支持 HTML5标记的较新浏览器版本提交表单并且您的表单输入type =“email”且电子邮件地址值无效时,表单将不会被提交,这是好的.此外,您将收到一封“请输入电子邮件地址”的泡泡提示

一个简单的DEMO here.

嗯,这在某些方面很好.在演示中,您将看到弹出窗口隐藏了我定义的错误.有没有办法防止泡沫出现?或者我可以覆盖泡沫的风格?

解决方法

您可以使用novalidate属性停止浏览器的内置验证:
<form action="" novalidate></form>

或者您可以使用此JavaScript属性和您自己的错误消息更改叠加层的内容

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

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

猜你在找的HTML5相关文章