如何在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

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告