HTML | DOM 输入图像 formNoValidate 属性

介绍

formNoValidate 属性是 HTML 5 新增的一个输入类型属性。它是用于禁用表单验证的。当表单验证被禁用时，即使表单的输入不符合 HTML 标准中指定的规则，浏览器也不会阻止表单的提交。

语法

在 HTML 中，通过设置 input 元素的 formNoValidate 属性来开启或禁止表单验证。

<input type="image" formNoValidate>

属性值

formNoValidate 属性只有一个 Boolean 类型的属性值。当属性值为 true 时，表单验证被禁用；当属性值为 false 或无设置时，表单验证启用。

浏览器支持

formNoValidate 属性已被主流浏览器所支持。

示例

以下示例代码演示了如何通过 formNoValidate 属性来禁用表单验证：

<form>
    <label for="name">Name:</label>
    <input type="text" id="name" required>
    <br>
    <label for="email">Email:</label>
    <input type="email" id="email" required>
    <br>
    <input type="submit" value="Submit">
</form>

<form>
    <label for="name">Name:</label>
    <input type="text" id="name" required>
    <br>
    <label for="email">Email:</label>
    <input type="email" id="email" required>
    <br>
    <input type="image" src="submit.png" alt="Submit" formNoValidate>
</form>

在第一个表单中，输入框都设置了 required 属性，这意味着在提交表单前，输入框中必须填写内容才能通过表单验证。而在第二个表单中，输入框同样设置了 required 属性，不过由于在提交按钮（input[type=image]）中设置了 formNoValidate 属性，因此不需要填写内容也能提交表单。

注意事项

• formNoValidate 属性仅对提交按钮有效，因此不能在其他类型的输入元素中使用。
• 仅在要求用户填写的内容较为简单时，才可使用 formNoValidate 属性。否则，提交表单的信息可能会因缺少验证而导致数据不一致或不完整。