Thuộc tính tự động lấy nét của phần tử
Sau đây là cú pháp -
<select autofocus>
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính lấy nét tự động của phần tử
Ví dụ
<!DOCTYPE html> <html> <body> <h1>Profile</h1> <h2>Educational Qualification</h2> <section> <h3>Graduation</h3> <select autofocus> <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> <section> <p>Worked at ABC Corporation from July 2015 - May 2019 as a Technical Manager.</p> </section> </body> </html>
Đầu ra
Trong ví dụ trên, chúng tôi có hai danh sách thả xuống dưới các phần khác nhau -
<section> <h3>Graduation</h3> <select autofocus> <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>
Khi tải trang, chúng tôi đang đặt tự động lấy nét cho một trong danh sách thả xuống bằng cách sử dụng thuộc tính lấy nét tự động như được hiển thị bên dưới -
<select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select>