Thuộc tính bắt buộc của phần tử
Sau đây là cú pháp−
<select 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ử
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Candidate Profile</h1> <p>Following are the details to be submitted by the candidate:</p> <h2>Educational Qualification</h2> <form action=""> <section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section><br> <input type="submit" value="Next"> </form> </body> </html>
Điều này sẽ tạo ra kết quả sau. Chúng tôi chưa chọn một mục từ danh sách thả xuống được đặt theo yêu cầu, do đó, cảnh báo sau sẽ hiển thị−
Trong ví dụ trên, chúng tôi đã đặt hai danh sách thả xuống bằng cách sử dụng
<section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Postgraduation</h3> <select> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </select> </section>
Chúng tôi đã đặt một trong số chúng là bắt buộc người dùng phải điền bằng thuộc tính bắt buộc, nếu không biểu mẫu sẽ không gửi -
<section> <h3>Graduation</h3> <select required> <option value="">None</option> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section>