Thuộc tính bắt buộc của phần tử được sử dụng để đặt một trường bắt buộc phải được điền trước khi gửi biểu mẫu. Nếu nhóm trường có thuộc tính bắt buộc không được điền, thì khi nhấp vào nút GỬI, biểu mẫu sẽ không gửi.
Sau đây là cú pháp -
<input required>
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính bắt buộc của phần tử . Ở đây, chúng tôi đã đặt 3 trường theo yêu cầu -
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..."><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
Đầu ra
Giả sử chúng tôi sẽ nhấp vào 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, sau đó biểu mẫu sẽ không gửi. Chúng tôi chưa điền vào trường “Điện thoại” ở đây, do đó, lỗi sẽ hiển thị không cho phép chúng tôi gửi biểu mẫu -
