Thuộc tính tự động hoàn thành của phần tử cho phép bạn đặt bật hay tắt tính năng tự động hoàn thành cho đầu vào. Trình duyệt web tự động điền các giá trị nếu tính năng tự động điền được bật. Điều này chỉ xảy ra nếu người dùng đã nhập các giá trị trước đó.
Sau đây là cú pháp -
<input autocomplete="on|off">
Trên, trên | tắt các giá trị phải được đặt để tự động hoàn thành có xuất hiện hay không. Bật nếu bạn muốn trình duyệt hoàn thành các mục nhập dựa trên các giá trị đã nhập trước đó, trong khi tắt thì không cho phép hoàn thành các mục nhập.
Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính tự động hoàn thành của phần tử -
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form> </body> </html>
Điều này sẽ tạo ra kết quả sau. Giả sử trước đây chúng tôi đã nhập một số giá trị và hiện chúng tôi đã đặt tự động hoàn thành -
Trong ví dụ trên, chúng tôi đã thêm một biểu mẫu -
<form action = "" method = "get"> Player − <input type = "text" name = "player" autocomplete = "on"><br> Rank − <input type = "number" name = "rank"><br> Points − <input type = "number" name = "pts"><br> <button type = "submit" value = "Submit">Submit</button> </form>
Chúng tôi đã đặt chế độ tự động hoàn thành như trên cho một trong các đầu vào -
Player − <input type = "text" name = "player" autocomplete = "on">
Do đó, khi bạn đặt con trỏ vào kiểu nhập Trình phát, thì bạn sẽ có thể thấy các giá trị đã nhập trước đó.