tự động hoàn thành thuộc tính được sử dụng với phần tử biểu mẫu để bật hoặc tắt tính năng tự động hoàn thành. Nếu tính năng tự động hoàn thành được bật , trình duyệt sẽ tự động hiển thị các giá trị, dựa trên những gì người dùng đã nhập trước đó vào trường.
Nếu tự động hoàn thành tính năng bị tắt, trình duyệt sẽ không tự động hiển thị các giá trị, dựa trên những gì người dùng đã nhập trước đó vào trường.
Sau đây là các giá trị thuộc tính -
| S. Không | Giá trị thuộc tính | Mô tả |
|---|---|---|
| 1 | bật | Đây là giá trị mặc định. Trình duyệt tự động hoàn thành các giá trị dựa trên những gì người dùng đã nhập trước đó. |
| 2 | tắt | Trình duyệt sẽ không hoàn thành các giá trị dựa trên những gì người dùng đã nhập trước đó. Người dùng phải nhập giá trị. |
Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách sử dụng thuộc tính tự động hoàn thành trong HTML. Để kiểm tra việc chạy mã dưới đây, hãy nhập một số giá trị vào văn bản loại đầu vào và nhấp vào Gửi. Sau đó, hãy điền lại trường và chạy lại mã, để khi nhập giá trị vào trường, bạn có thể thấy các giá trị tự động hoàn thành. Điều này dành cho tự động hoàn thành về giá trị.
Ví dụ
Để tự động hoàn thành tắt giá trị, trình duyệt web sẽ không hoàn thành các giá trị dựa trên những gì người dùng đã nhập trước đó.
<!DOCTYPE html> <html> <head> <title> HTML autocomplete attribute</title> </head> <body> <form action = "" method = "get" autocomplete="on"> Details:<br><br> Student Name<br><input type = "name" name = "sname"><br> Training week<br><input type = "week" name = "week"><br> <input type = "submit" value = "Submit"> </form> </body> </html>