Thuộc tính autofocus của phần tử <select> trong HTML được dùng để đặt tiêu điểm (focus) vào danh sách thả xuống (drop-down list) khi trang tải xong.
Cú pháp như sau:
<select autofocus>
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Hồ sơ</h1> <h2>Trình độ học vấn</h2> <section> <h3>Đại học</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Sau đại học</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> <section> <p>Đã làm việc tại Công ty ABC từ tháng 7/2015 - tháng 5/2019 với vị trí Quản lý kỹ thuật.</p> </section> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta có hai danh sách thả xuống dưới các section khác nhau:
<section> <h3>Đại học</h3> <select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select> </section> <section> <h3>Sau đại học</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>
Khi tải trang, chúng ta đặt autofocus cho một trong các danh sách thả xuống bằng thuộc tính autofocus như sau:
<select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select>