Tag <datalist> HTML

Definicję i użycie

<datalist> Atrybut <label> określa Element <input>określania listy opcji przedefiniowanych.

<datalist> Atrybut <label> jest używany do <input> Element dostarcza funkcję „uzupełniania automatycznego”. Użytkownik widzi listę rozwijaną z przedefiniowanymi opcjami podczas wprowadzania danych.

<datalist> Atrybut id elementu musi być równy <input> elementu Atrybut list（to połączy je razem）。

Zobacz również:

Podręcznik HTML DOM:Obiekt Datalist

Przykład

Lista danych z opcjami przedefiniowanymi (połączona z elementem <input>):

<label for="browser">Wybierz swoją przeglądarkę z listy:</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>

Spróbuj sam

Globalne atrybuty

<datalist> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<datalist> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek będzie używała poniższych domyślnych wartości do wyświetlania <datalist> Element:

datalist {
  display: none;
}

Obsługa przeglądarek

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje ten element.

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