Element datalist

11 sierpnia 2012
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Element datalist reprezentuje zestaw opcji (elementów option) dla innych kontrolek formularza. Treść znajdująca się poza elementami option w tym elemencie stanowi treść awaryjną używaną przez stare przeglądarki. Element datalist sam nie jest prezentowany na stronie internetowej. Jego opcje można zobaczyć tylko, gdy połączy się go z innym elementem. Element ten można łączyć z elementami input za pomocą atrybutu list, tzn. atrybut list elementu input musi mieć przypisany identyfikator (wartość atrybutu id) elementu datalist

Kontekst użycia

Modele treści HTML5treść ogólna, syntagmatyczna
Elementy nadrzędneelementy treści ogólnej
Elementy potomne

elementy treści ogólnej, option

ZnacznikiZnaczniki otwierający i zamykający są obowiązkowe
NormyHTML 5 — podrozdział 4.10.10
Interfejs DOMHTMLDataListElement
Różnice między HTML 4.01 a HTML 5

Element datalist został dodany w języku HTML 5

Przykłady użycia

Element datalist powiązany z elementem input. Opcje tego elementu datalist zostaną wyświetlone jako menu kontekstowe elementu input
<input list="przegladarki" />
  <datalist id="przegladarki">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

Efekt działania tego kodu w Firefoksie 14.0.1 jest następujący:

Obsługa przez przeglądarki

FirefoxChromeOperaSafariInternet Explorer
✔ — od wersji 10

Atrybuty obowiązkowe

Element datalist nie ma atrybutów obowiązkowych.

Atrybuty opcjonalne

Atrybuty globalne

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *