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

<input list="browsers" />
<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

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Funktion Chrome Firefox (Gecko) Internet Explorer Opera Safari
Allgemeine Unterstützung 20 4.0 (2.0) 10 9.5 Nicht unterstützt
Funktion Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Allgemeine Unterstützung 33 4.0 (2.0) Nicht unterstützt 10 Nicht unterstützt

Polyfill

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

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
Mitwirkende an dieser Seite: mfranzke, Sebastianz, SJW, teoli, nothine
Zuletzt aktualisiert von: mfranzke,