Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Tự động hoàn thành input text cho HTML5


Dùng thuộc tính autocomplete cho tự động hoàn thành input text. Thuộc tính autocomplete dùng với phần tử form để bật/tắt tính năng tự động hoàn thành. Nếu bật, trình duyệt sẽ tự động gợi ý giá trị dựa trên những gì người dùng nhập trước đó.

Nếu autocomplete là off, trình duyệt sẽ không gợi ý giá trị dựa trên nhập trước.

Các giá trị thuộc tính −

STT Giá trị thuộc tính Mô tả
1 on Giá trị mặc định. Trình duyệt tự động hoàn thành giá trị dựa trên nhập trước.
2 off Trình duyệt không tự động hoàn thành. Người dùng phải gõ giá trị.

Bạn có thể chạy mã sau để học dùng autocomplete trong HTML. Để kiểm tra, nhập giá trị trong input text, nhấn Submit. Sau đó điền lại trường và chạy lại, khi gõ bạn sẽ thấy giá trị autocomplete. Đây là cho giá trị autocomplete on.

Cho giá trị autocomplete off, trình duyệt không hoàn thành giá trị dựa trên nhập trước.

<!DOCTYPE html> <html>    <head>       <title> Thuộc tính autocomplete HTML</title>    </head>    <body>       <form action = "" method = "get" autocomplete="on">          Chi tiết:<br><br>          Tên học sinh<br><input type="name" name="sname"><br>          Tuần đào tạo<br><input type="week" name="week"><br>          <input type="submit" value="Gửi">       </form>    </body> </html>