Thẻ <datalist> HTML

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

<datalist> Thẻ được sử dụng để Phần tử <input>Định nghĩa danh sách các tùy chọn được định trước.

<datalist> Thẻ được sử dụng để <input> Cung cấp chức năng "hoàn thành tự động" cho phần tử. Khi người dùng nhập dữ liệu, họ sẽ thấy danh sách các tùy chọn được định trước.

<datalist> Thuộc tính id của phần tử <input> của phần tử Thuộc tính list（Điều này sẽ kết nối chúng lại với nhau）。

Xin xem thêm:

Tài liệu tham khảo HTML DOM:Đối tượng Datalist

Mô hình

Danh sách dữ liệu có tùy chọn được định trước (kết nối với <input>元素):

<label for="browser">Vui lòng chọn trình duyệt của bạn từ danh sách:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Thử ngay

Thuộc tính toàn cục

<datalist> Thẻ cũng hỗ trợ Thuộc tính toàn cục trong HTML.

Thuộc tính sự kiện

<datalist> Thẻ cũng hỗ trợ Thuộc tính sự kiện trong HTML.

Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị các giá trị mặc định sau <datalist> Thành phần:

datalist {
  display: none;
}

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ phần tử này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5