novalidate和formnovalidate属性之间有什么区别？

的NOVALIDATE和 ˚F ormnovalidate 属性用于旁路验证。 的novalidate属性应用于一个形式并防止它的验证。 formnovalidate被施加到输入类型提交按钮，这将覆盖NOVALIDATE。它将提交表单而不进行验证。

该NOVALIDATE属性也是一个布尔属性，但使用它不会验证提交的形式。当您的表单包含多个提交按钮时，HTML中的formnovalidate属性非常有用。

HTML novalidate属性

HTML中的novalidate属性用于表示表单在提交时不会得到验证。它是一个布尔属性，如果您希望用户保存表单归档的进度，则该属性很有用。如果禁用了表单验证，则用户可以轻松保存表单并继续并稍后提交表单。

示例

您可以尝试运行以下代码，以了解如何在HTML中使用novalidate属性。在下面的示例中，如果要在<input type =” number”>字段中添加文本，则不会显示错误。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML novalidate attribute</title>
   </head>

   <body>
      <form action = "" method = "get" novalidate>
         Team Name<br><input type = "name" name = "tname"><br>
         Team Rank<br><input type = "number" name = "trank"><br>
         <input type = "submit" value = "Submit">
      </form>
   </body>
</html>

HTML formnovalidate属性

当您的表单包含多个提交按钮时，HTML中的formnovalidate属性非常有用。
formnovalidate 属性覆盖在<form>属性，这被称为的另一个属性的novalidate属性。注-该formnovalidate属性无法在Internet Explorer和Safari的支持。

示例

您可以尝试运行以下代码，以了解如何在HTML中使用formnovalidate 属性。如果您选择没有验证的提交按钮，那么该表单将不会得到验证。

<!DOCTYPE html>
<html>
   <head>
      <title>HTML formnovalidate attribute</title>
   </head>

   <body>
      <form action = "" method = "get">
         Rank <input type="number" name="rank"><br>
         <input type="submit" value="Submit"><br>
         <input type="submit" formnovalidate="formnovalidate"
            value="Submit with no validation”>
      </form>
   </body>
</html>

基础教程