คุณสมบัติ autofocus ของ HTML <input>

HTML แบบ <input> แทรก

คำนำออกและวิธีใช้

autofocus คุณสมบัตินี้กำหนดว่าตัว input ควรได้รับความสนใจอัตโนมัติเมื่อหน้าเว็บโหลด

autofocus คุณสมบัติเป็นคุณสมบัติประเภทบูล

ถ้าได้ทำการตั้งค่าคุณสมบัตินี้ มันกำหนดว่า <input> ตัวนี้ควรได้รับความสนใจอัตโนมัติเมื่อหน้าเว็บเริ่มที่จะโหลด

ตัวอย่าง

ให้ฟิลด์ Input ของ "First name" ได้ความเป็นจริงในตอนที่หน้าเว็บโหลดเข้ามา

<form action="/action_page.php">
  <label for="fname">ชื่อ：</label>
  <input type="text" id="fname" name="fname" autofocus><br><br>
  <label for="lname">ชื่อสกุล：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit">
</form>

ทดลองด้วยตัวเอง

ระบุ

<input autofocus>

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์แรกที่สนับสนุน attribute นี้

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 11.0 4.0 5.0 9.6

หมายเหตุ：autofocus attribute คือ attribute ใหม่ใน HTML5

HTML แบบ <input> แทรก