novalidate和formnovalidate屬性有什麼區別?


novalidateformnovalidate 屬性用於繞過驗證。novalidate 屬性應用於表單,並阻止其驗證。formnovalidate 應用於 輸入型別 的提交按鈕,這會覆蓋 novalidate。它會在不進行驗證的情況下提交表單

novalidate 屬性也是一個布林屬性,但使用它不會驗證表單的提交。在 HTML 中的 formnovalidate 屬性在您擁有多個 提交按鈕 的表單時非常有用。

HTML novalidate 屬性

novalidate 屬性在 HTML 中用於表示表單在提交時不會被驗證。這是一個布林屬性,如果您希望使用者儲存表單填寫的進度,則非常有用。如果表單驗證被停用,使用者可以輕鬆儲存表單並稍後繼續並提交表單。

示例

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

formnovalidate 屬性在 HTML 中在您擁有多個提交按鈕的表單時非常有用。
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.