Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách sử dụng thuộc tính required trong HTML

Thuộc tính required (Boolean) chỉ định trường bắt buộc điền trước khi submit form. Áp dụng cho <input>, <select>, <textarea>. Nếu để trống và bấm Submit, trình duyệt báo lỗi: "Please fill out this field." và chặn submit.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML required attribute</title>
  </head>
  <body>
    <h2>Đăng ký</h2>
    <form action="/new.php">
      <input type="text" placeholder="Tên đăng nhập" name="name" required><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Mẹo: Kết hợp pattern để validate định dạng phức tạp hơn (email, phone, mật khẩu...).