Thuộc tính autofocus của <button> trong HTML

Giới thiệu

Thuộc tính autofocus của phần tử <button> làm cho nút tự động nhận focus (tập trung) ngay khi trang web tải xong. Người dùng có thể nhấn Enter để kích hoạt nút ngay lập tức mà không cần chuột.

Cú pháp

<button type="button" autofocus>Nội dung nút</button>

Ví dụ minh họa

<!DOCTYPE html>
<html>
<body>
  <h2>Tiêu đề Demo</h2>
  <p>Đây là một dòng demo.</p>
  <button type="button" autofocus>Demo</button>
</body>
</html>

Kết quả hiển thị

Khi trang tải, nút "Demo" sẽ tự động được focus (thường hiển thị viền hoặc hiệu ứng nổi bật).

<button type="button" autofocus> Demo </button>