Computer >> Máy Tính >  >> Lập trình >> HTML

Sự khác biệt giữa thuộc tính novalidate và formnovalidate là gì?


novalidate f ormnovalidate các thuộc tính được sử dụng để bỏ qua xác thực. novalidate thuộc tính được áp dụng cho một biểu mẫu và ngăn nó xác thực. formnovalidate được áp dụng cho nút gửi loại đầu vào, nút này sẽ ghi đè lên novalidate . Nó gửi biểu mẫu mà không cần xác thực.

Các không hợp lệ thuộc tính cũng là một thuộc tính Boolean, nhưng việc sử dụng nó sẽ không xác thực hình thức gửi. formnovalidate thuộc tính trong HTML hữu ích khi bạn có một biểu mẫu có nhiều nút gửi.

Thuộc tính không xác thực HTML

Thuộc tính novalidate trong HTML được sử dụng để biểu thị rằng biểu mẫu sẽ không được xác thực khi gửi. Nó là một thuộc tính Boolean và hữu ích nếu bạn muốn người dùng lưu tiến trình nộp biểu mẫu. Nếu tính năng xác thực biểu mẫu bị tắt, người dùng có thể dễ dàng lưu biểu mẫu và tiếp tục &gửi biểu mẫu sau.

Sự khác biệt giữa thuộc tính novalidate và formnovalidate là gì?

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách sử dụng không hợp lệ thuộc tính trong HTML. Trong ví dụ sau, nếu bạn thêm văn bản vào thì trường đó sẽ không hiển thị lỗi.

<!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>

Thuộc tính HTML formnovalidate

formnovalidate thuộc tính trong HTML rất hữu ích khi bạn có một biểu mẫu có nhiều nút gửi.
formnovalidate thuộc tính ghi đè một thuộc tính khác của thuộc tính

, được gọi là không hợp lệ thuộc tính.
Lưu ý - Formnovalidate thuộc tính không được hỗ trợ trong Internet Explorer và Safari.

Sự khác biệt giữa thuộc tính novalidate và formnovalidate là gì?

Ví dụ

Bạn có thể thử chạy mã sau để tìm hiểu cách sử dụng formnovalidate thuộc tính trong HTML. Nếu bạn chọn nút gửi mà không có xác thực, thì biểu mẫu sẽ không được xác thực.

<!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>