Thẻ HTML <datalist>
Đị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>
.
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>
Thẻ <datalist>
được sử dụng để cung cấp tính năng "tự động hoàn thành" cho các phần tử <input>
. Người dùng sẽ thấy danh sách drop-down 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>
tương đương với thuộc tính list 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ử này.
Phần tử <datalist> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Thuộc tính Global
Thẻ <datalist>
cũng hỗ trợ thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <datalist>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Cài đặt CSS mặc định
Hầu hết mọi 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;
}
Bạn nên đọc
Cũ vẫn chất
-
Cách sử dụng VPN trên trình duyệt Opera
Hôm qua -
Những câu nói hài hước về tóc, stt về tóc hay và chất
Hôm qua -
Internet vệ tinh của Musk đến Đông Nam Á, phí thuê bao 1,1 triệu/tháng
Hôm qua -
Cách làm 4 món thịt ngâm mắm tỏi chua ngọt thơm ngon ngày Tết
Hôm qua -
Hướng dẫn tạo chữ ký Gmail chuyên nghiệp
Hôm qua -
Cách bật chế độ riêng cho tài khoản Twitter
Hôm qua -
Cách đổi mật khẩu Wifi, đổi pass wifi VNPT, FPT, Tenda, TP-Link, Viettel trên máy tính, điện thoại
Hôm qua 26 -
Chiêm ngưỡng loạt ảnh vũ trụ ấn tượng từ kính viễn vọng 10 tỷ USD
Hôm qua 1 -
Máy tính ngốn bao tiền điện mỗi tháng?
Hôm qua -
Cách lấy lại quyền truy cập ổ cứng, sửa lỗi không mở được ổ cứng
Hôm qua