HTML <lista danych> Znacznik

❮ Poprzedni Pełne odniesienie HTML Dalej _

Przykład

Lista danych z predefiniowanymi opcjami (połączona z elementem <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>

Definicja i użycie

Znacznik <datalist>określa listę predefiniowanych opcji dla elementu <input>.

Tag <datalist>służy do zapewnienia funkcji „autouzupełniania” dla elementów <input>. Podczas wprowadzania danych użytkownicy zobaczą rozwijaną listę wstępnie zdefiniowanych opcji.

Atrybut id <datalist>elementu musi być równy atrybutowi listy elementu <input> (to łączy je ze sobą).

Obsługa przeglądarki

Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje dany element.

Element
<datalist>	20.0	10.0	4.0	12.1	9.5

Atrybuty globalne

Znacznik <datalist>obsługuje również atrybuty globalne w HTML .

Atrybuty wydarzenia

Tag <datalist>obsługuje również Atrybuty Zdarzeń w HTML .

Powiązane strony

Odniesienie HTML DOM: Obiekt Datalist

Domyślne ustawienia CSS

Większość przeglądarek wyświetla <datalist>element z następującymi wartościami domyślnymi:

datalist {
display: none;
}