แอตทริบิวต์ออโต้โฟกัสขององค์ประกอบ ใช้เพื่อกำหนดโฟกัสไปที่ปุ่มทุกครั้งที่โหลดหน้าเว็บ ต่อไปนี้เป็นไวยากรณ์ - <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> ตอนนี้ เมื่อหน้าโหลดขึ้น โฟกัสจะอยู่ที่ปุ่มเอง และสิ่งนี้ก็จะปรากฏแก่ผู้เยี่ยมชมบนหน้าเว็บ
