แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ต่อไปนี้เป็นไวยากรณ์ -
<button type="button" autofocus>
ด้านบน เราได้ตั้งค่าออโต้โฟกัสไปที่ปุ่ม ให้เราดูตัวอย่างการใช้แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ
ตัวอย่าง
<!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>This is a demo line.</p> <button type="button" autofocus >Demo</button> </body> </html>
ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้โดยแสดงว่าโฟกัสอยู่ที่ปุ่ม 1 -
ในตัวอย่างข้างต้น เราได้ตั้งค่าแอตทริบิวต์ออโต้โฟกัสสำหรับองค์ประกอบปุ่ม -
<button type="button" autofocus > Demo </button>
ตอนนี้ เมื่อหน้าโหลดขึ้น โฟกัสจะอยู่ที่ปุ่มเอง และสิ่งนี้ก็จะปรากฏแก่ผู้เยี่ยมชมบนหน้าเว็บ
