如何在 HTML 中指定表单在禁用时不应进行验证？

在 HTML 中，用于用户输入的表单使用 <form> 标签创建。表单标签使用许多不同的元素。提交表单时，HTML <form> 标签的 novalidate 属性用于指示表单数据不应进行验证。此属性是一个布尔值属性。

以下是示例……

示例

在以下示例中，我们使用 novalidate 在表单提交后使其禁用。

<!DOCTYPE html>
<html>
<body style="text-align:center;">
   <form action="#" method="get"
      target="_self" novalidate>
      Name:
      <input type="text">
      <input type="submit" id="tutorials"
      name="mytutorials"
      value="Submit@tutorialspoint"
      formTarget="_blank">
   </form>
</body>
</html>

输出

执行上述脚本后，窗口将打开并显示输入字段以及提交按钮。单击提交按钮时，它将在新选项卡中打开，没有任何更改，因为表单未进行验证。

示例

另一个解释 novalidate 属性的示例如下所示 -

<!DOCTYPE html>
<html>
<head>
   <title>HTML novalidate attribute</title>
</head>
<body>
   <form action = "" method = "get" novalidate>
      Student Name<br><input type = "name" name = "sname"><br>
      Rank<br><input type = "number" name = "rank"><br>
      <input type = "submit" value = "Submit">
   </form>
</body>
</html>

输出

执行上述脚本后，窗口将打开并显示输入字段学生 姓名 和 排名 以及提交按钮。单击提交按钮时，它将在新选项卡中打开，没有任何更改，因为表单未进行验证。

更新于: 2022年9月6日

140 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告