Dropdown-Liste

Wenn es mehr Optionen zur Auswahl gibt, spart eine Dropdown-Liste Platz. Wir erstellen sie mit dem Element select und jede Option darin mit einem Element option.

Jedes option hat ein Attribut value, das mit dem Formular gesendet wird, und sein Inhalt ist der Text, den der Nutzer sieht. Die Attribute name und id und die Beschriftung gehören zum Element select, genau wie bei einem Eingabefeld. Anders als input hat select ein schließendes Tag, weil die Optionen darin stehen.

<label for="eingabe-pizza">Pizza</label>
<select name="pizza" id="eingabe-pizza">
	<option value="margherita">Margherita</option>
	<option value="salami">Salami</option>
	<option value="hawaii">Hawaii</option>
</select>

Dieser Code wird so angezeigt:

Wählt der Nutzer Salami, sendet das Formular pizza=salami.

In unserem Formular wählt der Nutzer den Kurs aus, für den er sich anmelden möchte.