Cách sử dụng thẻ <datalist> trong HTML

Thẻ <datalist> cung cấp danh sách gợi ý (autocomplete) cho thẻ <input>. Liên kết bằng thuộc tính list của input trỏ đến id của datalist.

Ví dụ

Ô nhập công cụ với gợi ý:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Datalist Tag</title>
  </head>
  <body>
    <p>Nhập tên công cụ:</p>
    <input list="tools" />
    <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>

Đặc điểm: Người dùng có thể chọn từ gợi ý hoặc tự nhập giá trị khác. Khác với <select> buộc phải chọn trong danh sách.