Kursinhalt
Ultimatives HTML
Ultimatives HTML
Verwendung des Select-Elements für Dropdown-Menüs
Das <select>
-Element wird verwendet, um eine Dropdown-Liste mit Auswahlmöglichkeiten für den Benutzer zu erstellen. Es kommt typischerweise in Formularen zum Einsatz, in denen der Benutzer aus einer vordefinierten Auswahl wählen muss.
Es wird immer in Verbindung mit <option>
-Elementen verwendet. Die <option>
-Elemente definieren die einzelnen Einträge in der Dropdown-Liste.
index.html
Das <select>
-Element verfügt außerdem über mehrere Attribute, mit denen sein Verhalten angepasst werden kann, darunter:
name
: Der Name des Select-Elements, der beim Absenden des Formulars verwendet wird;size
: Die Anzahl der sichtbaren Optionen in der Dropdown-Liste;multiple
: Falls vorhanden, ermöglicht es dem Benutzer, mehrere Optionen auszuwählen;disabled
: Falls vorhanden, wird das Select-Element deaktiviert.
Um eine Liste in separate, unabhängige Gruppen zu unterteilen, kann das <optgroup>
-Tag verwendet werden. Das Attribut label
weist der Gruppe einen Titel zu.
index.html
Hinweis
Standardmäßig wird das erste
<option>
-Element in der Liste ausgewählt. Um dies zu ändern, kann das Attributselected
zu einem beliebigen<option>
-Element hinzugefügt werden.
Danke für Ihr Feedback!