Cách tự động focus vào phần tử khi tải trang trong HTML?

Sử dụng thuộc tính autofocus để chỉ định phần tử tự động nhận focus khi trang tải xong. Thuộc tính này áp dụng cho các phần tử như <input>, <button>, <textarea>, <select>.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p>Nhấn nút bên dưới để tạo hộp cảnh báo.</p>
    <button type="button" autofocus onclick="alert('Chào mừng!')">Kết quả</button>
  </body>
</html>

Lưu ý

• Chỉ nên dùng autofocus trên một phần tử mỗi trang.
• Tránh dùng trên trang có nội dung quan trọng phía trên, vì nó cuộn trang xuống phần tử đó.
• Hỗ trợ tốt trên các trình duyệt hiện đại.