首頁 >web前端 >html教學 >在HTML中,如何指定表單在停用狀態時不進行驗證?

在HTML中,如何指定表單在停用狀態時不進行驗證?

WBOY
WBOY轉載
2023-08-29 23:05:091384瀏覽

在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中,如何指定表單在停用狀態時不進行驗證?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除