แอตทริบิวต์ออโต้โฟกัสใน HTML ใช้สำหรับองค์ประกอบหลายรายการและตั้งค่าโฟกัสที่องค์ประกอบนั้นเมื่อโหลดหน้าเว็บ องค์ประกอบที่ประกอบเป็นแอตทริบิวต์ออโต้โฟกัสคือ
<button>, <input>, <select> and <textarea>.
ให้เราดูตัวอย่างการใช้แอตทริบิวต์ออโต้โฟกัสใน HTML−
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Result</h2> <form action="" accept-charset="ISO-8859-1"> <label for="stinfo">Student:</label> <input type="text" name ="stinfo"><br> <label for="sub">Subject:</label> <input type="text" name ="sub" autofocus><br> <label for="rank">Rank:</label> <input type="number" name ="rank"><br> <label for="marks">Marks:</label> <input type="number" name ="marks"><br><br> <input type="submit"> </form> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้แสดงโฟกัสบน 2 nd textbox เนื่องจากเราได้ตั้งค่าออโต้โฟกัสบนข้อความอินพุตเดียวกัน -
