Khác biệt giữa novalidate và formnovalidate trong HTML

Cả hai đều dùng để bỏ qua validation client-side, nhưng phạm vi khác nhau:

Thuộc tính	Áp dụng cho	Hiệu lực
`novalidate`	`<form>`	Tắt validation cho toàn bộ form khi submit bằng bất kỳ nút nào
`formnovalidate`	Nút submit (`<button type="submit">`, `<input type="submit">`)	Chỉ tắt validation khi submit bằng nút cụ thể đó, ghi đè novalidate của form

Ví dụ novalidate (tắt toàn form)

<!DOCTYPE html>
<html>
  <head>
    <title>HTML novalidate attribute</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      Tên đội<br><input type="text" name="tname"><br>
      Xếp hạng<br><input type="number" name="trank"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Ví dụ formnovalidate (tắt cho một nút)

<!DOCTYPE html>
<html>
  <head>
    <title>HTML formnovalidate attribute</title>
  </head>
  <body>
    <form action="" method="get">
      Xếp hạng <input type="number" name="rank"><br>
      <input type="submit" value="Gửi (có validate)"><br>
      <input type="submit" formnovalidate="formnovalidate" value="Gửi (không validate)">
    </form>
  </body>
</html>

Lưu ý: formnovalidate không hỗ trợ trên IE và Safari cũ.