微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在HTML中,如何指定表单在禁用状态时不进行验证?

在HTML中,如何指定表单在禁用状态时不进行验证?

在 HTML 中,用户输入的表单是使用

标记创建的。表单标签使用了很多不同的元素。提交表单时,HTML
标记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>

输出

执行上述脚本时,窗口将打开并显示输入字段学生namerank以及提交按钮。单击提交按钮时,由于表单未经验证,它将打开一个新选项卡,没有任何更改。

以上就是在HTML中,如何指定表单在禁用状态时不进行验证?的详细内容,更多请关注编程之家其它相关文章

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐