HTML | formnovalidate 属性

简介

在 HTML 表单中，可以通过添加 formnovalidate 属性来防止表单验证。这通常用于在提交表单之前对其进行完全自定义的验证。

语法

<input formnovalidate>

参数

该属性不需要参数，仅需要在需要防止表单验证的 <input> 标签中添加即可。

示例

以下示例演示了如何在表单中使用 formnovalidate 属性：

<form>
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username" required>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password" required>
  <input type="submit" value="登录">
  <input type="submit" value="忘记密码" formnovalidate>
</form>

在上面的示例中，表单中有两个 <input>，一个是用于提交登录信息，另一个是用于忘记密码的请求。当点击 "登录" 按钮时，表单会自动进行验证，检查是否填写了必填字段。当点击 "忘记密码" 按钮时，由于添加了 formnovalidate 属性，表单将不会进行验证并将直接提交。

注意事项

• formnovalidate 属性只对当前按钮有效，不影响其他按钮或表单提交；
• 如果表单中没有任何必填字段，则可以删除 formnovalidate 属性，因为表单不需要验证；
• 在使用 formnovalidate 属性时，需要自定义表单的验证逻辑，以避免错误或恶意数据被提交。