Beispiel
Ein <input> Element mit vordefinierten Werten in ein <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Versuch es selber " Definition und Verwendung
Das <datalist> -Tag gibt eine Liste von vordefinierten Optionen für ein <input> Element.
Das <datalist> -Tag wird auf eine "Auto - Vervollständigen" -Funktion zur Verfügung zu stellen <input> Elemente. Die Benutzer eine Dropdown-Liste von vordefinierten Optionen, wie sie Eingangsdaten zu sehen.
Verwenden Sie das <input> Element der Liste Attribut es zu binden , zusammen mit einem <datalist> Element.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Element vollständig unterstützt.
| Element | |||||
|---|---|---|---|---|---|
| <datalist> | 20,0 | 10.0 | 4.0 | Nicht unterstützt | 9.0 |
Unterschiede zwischen HTML 4.01 und HTML5
Das <datalist> Tag ist neu in HTML5.
globale Attribute
Das <datalist> Tag unterstützt auch den Global in HTML - Attribute .
Event-Attribute
Das <datalist> Tag unterstützt auch der Veranstaltung in HTML - Attribute .
Verwandte Seiten
HTML - DOM - Referenz: Datalist - Objekt
Standard CSS-Einstellungen
Die meisten Browser erscheint auf dem Display <datalist> mit den folgenden Standardwerte Element:
datalist {
display: none;
}