Thuộc tính size của phần tử <select> được dùng để đặt số mục danh sách hiển thị (visible list items) từ một danh sách thả xuống. Một thanh cuộn (scrollbar) sẽ được thêm nếu size được đặt lớn hơn 1.
Cú pháp:
<select size="num">
Ở trên, num là số lượng mục hiển thị trong danh sách thả xuống.
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Hồ sơ ứng viên</h1> <p>Dưới đây là chi tiết cần nộp bởi ứng viên:</p> <h2>Trình độ học vấn</h2> <form action=""> <section> <h3>Đại học</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>Sau đại học</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="Tiếp theo"> </form> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã đặt hai danh sách thả xuống:
<section> <h3>Đại học</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>Sau đại học</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 ta đã đặt hai danh sách thả xuống trên với thuộc tính size cho phép đặt số mục hiển thị:
<select size="2">