Thuộc tính tự động lấy nét của phần tử được sử dụng để chỉ định phần tử nào trong số sẽ lấy nét khi tải trang web. Thuộc tính này được giới thiệu trong HTML5.
Sau đây là cú pháp -
<input autofocus>
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>Log in to your account</h2> <form action="" method="get"> Id: <input type="text" name="id"><br> Password: <input type="password" name="pwd"><br> DOB: <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
Đầu ra
Trong ví dụ trên, chúng tôi đã tạo một biểu mẫu -
<form action="" method="get"> Id: <input type="text" name="id"><br> Password: <input type="password" name="pwd"><br> DOB: <input type="date" name="dob" autofocus><br> <button type="submit" value="Submit">Submit</button> </form>
Chúng tôi đã đặt tự động lấy nét thành đầu vào thứ ba như được hiển thị bên dưới, tức là DOB, do đó con trỏ sẽ hiển thị ở đó -
DOB: <input type="date" name="dob" autofocus><br>