Thuộc tính lấy nét tự động của phần tử
Sau đây là cú pháp -
<button type="button" autofocus>
Ở trên, chúng tôi đã đặt tự động lấy nét thành một nút. Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính lấy nét tự động của phần tử
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Demo Heading</h2> <p>This is a demo line.</p> <button type="button" autofocus >Demo</button> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau hiển thị tiêu điểm nằm trên nút 1 -
Trong ví dụ trên, chúng tôi đã đặt thuộc tính lấy nét tự động cho phần tử nút -
<button type="button" autofocus > Demo </button>
Bây giờ, khi trang tải, tiêu điểm sẽ nằm trên chính nút và điều tương tự sẽ xuất hiện cho khách truy cập trên trang web.