Zum Inhalt springen

select (Dropdown)

oder auch Auswahlliste

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Das select-Element ist eine Liste zum Aufklappen. Bei wenigen Optionen ist sie oft die schlechtere Wahl gegenüber sichtbaren Schaltern.

select (Dropdown)

Formularfeld, das eine Liste von Optionen zum Aufklappen anbietet.
Beispiel: „Ein select enthält option-Elemente, aus denen gewählt wird.“

Auch: Auswahlliste.

Aufbau

Ein Formular in einem beschrifteten Rahmen: Textfeld, Auswahlliste, zwei Radioschalter, eine Checkbox, ein mehrzeiliges Feld und ein Absendeknopf, jeweils rechts mit ihrem Markup benannt.
Die Auswahlliste zeigt im geschlossenen Zustand nur den gewählten Eintrag.
<label for="land">Land</label>
<select id="land" name="land">
  <option value="">Bitte wählen</option>
  <option value="de">Deutschland</option>
</select>

Mit optgroup lassen sich Optionen gruppieren, mit multiple mehrere wählen, was allerdings schwer bedienbar ist und besser durch Kästchen ersetzt wird.

Die Grenzen

Das Aussehen lässt sich nur eingeschränkt gestalten, weil die aufgeklappte Liste vom Betriebssystem kommt. Nachbauten aus div und Skript sehen freier aus und scheitern regelmäßig an Tastaturbedienung und Screenreadern. Bei langen Listen ist ein Textfeld mit Vorschlägen oft die bessere Lösung.

Siehe auch:

Radiobutton

Eine Gruppe, von der genau eines gewählt wird.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

form-Element

Umschließt die Felder und bestimmt, wohin die Eingaben gehen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

label-Element

Die Beschriftung, die am Feld hängt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

input-Element

Ein Element, viele Erscheinungsformen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)