Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งโฟกัสอัตโนมัติที่กล่องข้อความเมื่อโหลดหน้าเว็บด้วย HTML

ใช้แอตทริบิวต์ autofocus

แอตทริบิวต์ autofocus เป็นแอตทริบิวต์แบบ Boolean เมื่อระบุไว้ จะทำให้ عنصر <input> ได้รับโฟกัสอัตโนมัติเมื่อหน้าเว็บโหลดเสร็จ

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
  <form action="/new.php">
    <label>ชื่อ: <input type="text" name="name" autofocus></label><br>
    <label>หัวข้อ: <input type="text" name="sub"></label><br>
    <input type="submit">
  </form>
</body>
</html>

ในตัวอย่าง ช่อง "ชื่อ" จะได้รับโฟกัสทันทีเมื่อเปิดหน้าเว็บ