<datalist>

Zusammenfassung

Das HTML <datalist> Element enthält eine Liste von <option> Elementen, die mögliche Optionen für den Wert eines anderen Elementes repräsentieren.

Inhaltskategorien Flussinhalt, Textinhalt.
Erlaubter Inhalt Entweder Textinhalt oder null oder mehr <option> Elemente.
Tag-Auslassung Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte Eltern-Elemente Alle Elemente, die Textinhalt akzeptieren.
DOM-interface HTMLDataListElement

Attribute

Dieses Element verfügt nur über die globalen Attribute.

Beispiele

<label for="myBrowser">Gib einen Browsernamen ein:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

Dieses HTML wird in Firefox 4 folgendermaßen gerendert:

datalist.png

Spezifikationen

Spezifikation Status Kommentar
HTML Living Standard
Die Definition von '<datalist>' in dieser Spezifikation.
Lebender Standard
HTML5
Die Definition von '<datalist>' in dieser Spezifikation.
Empfehlung

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
datalistChrome Vollständige Unterstützung 20Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 4IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 9.5Safari Vollständige Unterstützung 12.1WebView Android Vollständige Unterstützung 4.4.3Chrome Android Vollständige Unterstützung 33Firefox Android Vollständige Unterstützung 4
Hinweise
Vollständige Unterstützung 4
Hinweise
Hinweise Since Firefox for Android 79, the dropdown menu containing available options does not appear. See bug 1535985.
Opera Android Teilweise Unterstützung Teilweise
Hinweise
Teilweise Unterstützung Teilweise
Hinweise
Hinweise The dropdown menu containing available options does not appear in Opera for Android.
Safari iOS Vollständige Unterstützung 12.2Samsung Internet Android Vollständige Unterstützung 2.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Teilweise Unterstützung  
Teilweise Unterstützung
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.

Polyfill

Der folgende Polyfill wurde für den Support für ältere oder derzeit noch inkompatible Browser entwickelt:
datalist-polyfill

Siehe auch