<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:

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

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`datalist`	Chrome Vollständige Unterstützung 20	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 4	IE Vollständige Unterstützung 10	Opera Vollständige Unterstützung 9.5	Safari Vollständige Unterstützung 12.1	WebView Android Vollständige Unterstützung 4.4.3	Chrome Android Vollständige Unterstützung 33	Firefox 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.2	Samsung 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

Das <input> Element, und noch genauer sein list Attribut;
Das <option> Element.

Zuletzt verändert: Jan 28, 2020, von MDN-Mitwirkenden