Thuộc tính required của phần tử <input> được dùng để chỉ định một trường bắt buộc phải điền trước khi form được gửi (submit). Nếu trường được đặt required không được điền, thì khi nhấn nút GỬI, form sẽ không được gửi đi.
Cú pháp như sau:
<input required>
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Đăng ký</h2> <form action="" method="get"> ID − <input type="text" name="id" placeholder="Nhập UserId tại đây..." required><br> Mật khẩu − <input type="password" name="pwd" placeholder="Nhập mật khẩu tại đây..." required><br> Ngày sinh − <input type="date" name="dob" placeholder="Nhập ngày sinh tại đây..."><br> Điện thoại − <input type="tel" name="tel" placeholder="Nhập số di động tại đây..." required><br> Email − <input type="email" name="email" placeholder="Nhập email tại đây..."><br><br> <button type="submit" value="Submit">Gửi</button> </form> </body> </html>
Kết quả
Giả sử chúng ta nhấn nút Gửi mà không điền bất kỳ trường nào trong 3 trường ID, Mật khẩu và Điện thoại, thì form sẽ không gửi. Chúng ta chưa điền trường "Điện thoại" ở đây, do đó một lỗi sẽ hiển thị và không cho phép gửi form:
