novalidate 和 formnovalidate 屬性有什麼區別?


novalidateformnovalidate 屬性用於繞過驗證。novalidate 屬性應用於表單,並阻止其進行驗證。formnovalidate 應用於 input type 提交按鈕,它會覆蓋 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 中不受支援(閱讀更多:Web 瀏覽器)。

示例

您可以嘗試執行以下程式碼來學習如何在 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>

更新於: 2023年11月20日

1K+ 瀏覽量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.