Przykład
<input> element o predefiniowanych wartości w <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Spróbuj sam " Definicja i Wykorzystanie
<datalist> tag określa listę predefiniowanych opcji dla <input> elementu.
<datalist> tag służy do zapewnienia "autouzupełniania" funkcji na <input> elementów. Użytkownicy będą wyświetlić listę rozwijaną z predefiniowanych opcji, ponieważ dane wejściowe.
Użyj <input> atrybut lista elementów, aby powiązać ją razem z <datalist> elementu.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje elementu.
Element | |||||
---|---|---|---|---|---|
<datalist> | 20,0 | 10,0 | 4,0 | Nieobsługiwany | 9,0 |
Różnice między HTML 4.01 i HTML5
<datalist> tag nowego w HTML5.
Atrybuty globalne
<datalist> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<datalist> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
HTML DOM referencyjny: DataList obiektu
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <datalist> element z następujących wartości domyślnych:
datalist {
display: none;
}