แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ต่อไปนี้เป็นไวยากรณ์ -
<select autofocus>
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ตัวอย่าง
<!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>
ผลลัพธ์
ในตัวอย่างข้างต้น เรามีรายการดรอปดาวน์สองรายการภายใต้ส่วนต่างๆ −
<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>
ในการโหลดหน้าเว็บ เรากำลังตั้งค่าออโต้โฟกัสสำหรับรายการแบบหล่นลงโดยใช้แอตทริบิวต์ออโต้โฟกัสดังที่แสดงด้านล่าง -
<select autofocus> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </select>
