Thuộc tính lấy nét tự động HTML


Định nghĩa và Cách sử dụng

Thuộc autofocustính là một thuộc tính boolean.

Khi xuất hiện, nó chỉ định rằng phần tử sẽ tự động lấy tiêu điểm khi tải trang.


Áp dụng đối với

Thuộc autofocustính có thể được sử dụng trên các phần tử sau:

Các yếu tố Thuộc tính
<button> lấy nét tự động
<input> lấy nét tự động
<select> lấy nét tự động
<textareosystem lấy nét tự động

Các ví dụ

Ví dụ về nút

Một nút có tự động lấy nét:

<button type="button" autofocus>Click Me!</button>

Ví dụ đầu vào

Để trường nhập "Tên" tự động lấy tiêu điểm khi trang tải:

<form action="/action_page.php">
  First name: <input type="text" name="fname" autofocus><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit">
</form>

Ví dụ về Textarea

Một vùng văn bản có tự động lấy nét:

<textarea autofocus>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>

Hỗ trợ trình duyệt

Thuộc autofocustính này có hỗ trợ trình duyệt sau cho từng phần tử:

Element
form 5.0 10.0 4.0 5.0 9.6
input 5.0 10.0 4.0 5.0 9.6
textarea Yes 10.0 4.0 Yes Yes