HTML-Tag <datalist>

❮ Vorige Nächste ❯

Das Tag <datalist> wird für die Erstellung von Varianten der Eingabe, die durch das Tag <input> vorbestimmt wird, verwendet. Die Varianten werden nur dann erreichbar, wenn der Benutzer die Texteingabe startet. Das Attribut list des Tages <input> muss dem Identifikator (ID) des Elements <datalist> entsprechen.

Vorbestimmte Varianten für die Eingabe werden im eingeschlossenen Element <option> platziert.

Syntax

Der Inhalt des Tages muss zwischen den Start- (<datalist>) und Endtags (</datalist>) platziert werden.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <div>Browser wählen</div>
    <input list="browsers" />
    <datalist id="browsers">
      <option value="Opera">
      <option value="Safari">
      <option value="Firefox">
      <option value="Google Chrome">
      <option value="Maxthon">
    </datalist>
  </body>
</html>