Computer >> Máy Tính >  >> Lập trình >> Javascript

Nhập văn bản tự động hoàn thành cho HTML5?


Sử dụng tự động hoàn thành thuộc tính cho đầu vào văn bản tự động hoàn thành. Thuộc tính tự động hoàn thành được sử dụng với một 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ị.

Để 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>