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

Question

表单可以禁用验证。

<form novalidate/>

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

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

Answer 1

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

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

以下是如何隐藏正常的火狐红光：

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

这是一个简单的例子。