Thuộc tính autocomplete của thẻ HTML <input>

Thẻ <input> HTML

Định nghĩa và cách sử dụng

autocomplete Thuộc tính này xác định liệu trường input có nên được kích hoạt tự động hoàn thành hay không.

Tự động hoàn thành cho phép trình duyệt dự đoán giá trị. Khi người dùng bắt đầu gõ nội dung vào trường, trình duyệt nên hiển thị các tùy chọn để điền vào trường đó dựa trên giá trị đã gõ trước đó.

Lưu ý:autocomplete Thuộc tính này áp dụng cho các loại input sau:

  • text
  • search
  • url
  • tel
  • email
  • password
  • datepickers
  • range
  • color

Mẫu

Một biểu mẫu HTML tự động hoàn thành, bao gồm một trường input tắt tự động hoàn thành:

<form action="/action_page.php" autocomplete="on">
  <label for="fname">Tên:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Họ:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="off"><br><br>
  <input type="submit">
</form>

Thử ngay

Cú pháp

<input autocomplete="on|off">

Giá trị thuộc tính

Giá trị Mô tả
on Mặc định. Định nghĩa tự động hoàn thành mở (mở).
off Định nghĩa tự động hoàn thành tắt (đóng).

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
17.0 6.0 2.0 5.1 10.0

Lưu ý:Trong một số trình duyệt, bạn có thể cần kích hoạt thủ công tính năng tự động hoàn thành (xin xem menu tùy chỉnh của trình duyệt).

Ghi chú:autocomplete Thuộc tính là thuộc tính mới trong HTML5.

Thẻ <input> HTML