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>
以上是 novalidate和formnovalidate属性之间有什么区别? 的全部内容, 来源链接: utcz.com/z/357725.html