Element-Referenz
HTML 5 doctype - weil html einfach einfach ist.
nach oben

<datalist>NEU

Bedeutung

Gruppiert die Auswahlmöglichkeiten für die Benutzereingabe


Notation

<datalist [Attribute]>[Elementinhalt]</datalist>

Elternelemente

Kann gemäß der HTML5 Spezifikation innerhalb der folgenden Elemente vorkommen:

Liste der HTML 5 Block-ElementeBlock-Elemente und Liste der HTML 5 Inline-ElementeInline-Elemente.


Elementinhalt

Kann Text mit folgenden anderen HTML-Elementen enthalten:
zum <option> Element<option>.


Attribute

Kann folgende elementspezifische Attribute enthalten:
zum HTML5 Attribut datadata

Des Weiteren kann das Element folgende allgemeinen Attribute und Event-Handler enthalten:
zum HTML5 Attribut accesskeyaccesskey | zum HTML5 Attribut classclass | zum HTML5 Attribut contenteditablecontenteditable | zum HTML5 Attribut contextmenucontextmenu | zum HTML5 Attribut dirdir | zum HTML5 Attribut draggabledraggable | zum HTML5 Attribut hiddenhidden | zum HTML5 Attribut idid | zum HTML5 Attribut itemitem | zum HTML5 Attribut itempropitemprop | zum HTML5 Attribut langlang | zum HTML5 Attribut spellcheckspellcheck | zum HTML5 Attribut stylestyle | zum HTML5 Attribut subjectsubject | zum HTML5 Attribut tabindextabindex | zum HTML5 Attribut titletitle

onabort | onblur | onchange | onclick | oncontextmenu | ondblclick | ondrag | ondragend | ondragenter | ondragleave | ondragover | ondragstart | ondrop | onfocus | onformchange | onforminput | oninput | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onmousewheel | onscroll | onselect | onsubmit


Beispiel
<label for="Nationen" title="Nation">Nationen</label><br />
<input type="text" id="Nationen" list="Nation">
<datalist id="Nation">
<option value="Ägypten">
<option value="Äquatorialguinea">
<option value="Äthiopien">
<option value="Afghanistan">
<option value="Afrika">
</datalist>
Anzeigebeispiel

Erläuterung

Das <datalist> Element ermöglicht dem Benutzer eine freie Texteingabe in ein <input> Element. Wobei mit Hilfe der hinterlegten <option> Einträge entsprechende Eingabewerte angezeigt werden, die vom Benutzer gegebenenfalls ausgewählt werden können.

Die Verwendung des <datalist> Elements ist nur in Verbindung mit einem <input> Element möglich, deren Verknüpfung durch das list-Attribut des <input> Elements mit der id des <datalist> Elements erfolgt.


W3C Logo & WHATWG Logo Spezifikation

Tastaturkürzel