Cách sử dụng thuộc tính list trong HTML

Thuộc tính list trên <input> liên kết với <datalist> (qua id) để cung cấp gợi ý autocomplete. HTML5 mới giới thiệu.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML list attribute</title>
  </head>
  <body>
    <p>Nhập tên công cụ:</p>
    <input list="tools" name="tool" />
    <datalist id="tools">
      <option value="Trình chỉnh sửa ảnh">
      <option value="Bảng trắng">
      <option value="Tối ưu hóa ảnh">
      <option value="Trình xem tài liệu">
    </datalist>
  </body>
</html>

Khác với select: Người dùng vẫn có thể tự nhập giá trị không có trong danh sách gợi ý.