Thẻ HTML <datalist>
Ví dụ
Một danh sách dữ liệu với các tùy chọn được xác định trước (được kết nối với phần tử <input>):
<label for="browser">Choose your browser from the list:</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>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thẻ <datalist>
chỉ định danh sách các tùy chọn được xác định trước cho phần tử <input>.
Thẻ <datalist>
được sử dụng để cung cấp tính năng "tự động hoàn thành" cho phần tử <input>. Người dùng sẽ thấy danh sách thả xuống gồm các tùy chọn được xác định trước khi họ nhập dữ liệu.
Thuộc tính id của phần tử <datalist>
phải bằng thuộc tính danh sách của phần tử <input> (điều này liên kết chúng lại với nhau).
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Element | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Thuộc tính chung
Thẻ <datalist>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <datalist>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Trang liên quan
Tham chiếu DOM HTML: Đối tượng Datalist
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <datalist>
với các giá trị mặc định sau:
datalist {
display: none;
}