html - 禁用不在表单中的 HTML5 元素验证

Question

表单可以禁用验证。

<form novalidate/>

现在，我在表单中有一个 不 的 HTML5 元素。在那种情况下如何禁用验证？

<noform>
    <input name="email" type="email"/>
</noform>

Answer 1

目前还不清楚您想要实现的目标。如果 input 元素无法提交给服务器，那么它将不会触发验证过程，因为您的评论似乎表明您已经发现。但是，独立的 input 元素仍可能处于无效状态，而不管该过程如何。有几个简单的解决方案可以避免这种情况:

• 如果您不想将字段的有效性状态评估为电子邮件，请不要使用 type="email"
• 如果您需要输入 email 但不关心它是否是有效的电子邮件(例如，触发移动设备上的特定键盘模式)，则使用 CSS 隐藏指示.

以下是隐藏正常的 Firefox 红色发光的方法:

input:-moz-ui-invalid {
    box-shadow: none;
}

和here's a quick example .