Thuộc tính kích thước của phần tử
Sau đây là cú pháp−
<select size="num">
Ở trên, num là số lượng các mục danh sách hiển thị trong danh sách thả xuống.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính size 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 size = "2"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> <option value="btech">B.SC</option> </select> </section> <section> <h3>Postgraduation</h3> <select size="2"> <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>
Đầu ra
Trong ví dụ trên, chúng tôi đã đặt hai danh sách thả xuống−
<section> <h3>Graduation</h3> <select size = "2"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> <option value="btech">B.SC</option> </select> </section> <section> <h3>Postgraduation</h3> <select size="2"> <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 hai danh sách thả xuống ở trên với thuộc tính kích thước cho phép đặt số lượng mục danh sách hiển thị−
<select size="2">