Summary  
This chapter explains how to create and configure HTML `<select>` dropdown menus using `<option>` and `<optgroup>` elements along with attributes like `name`, `size`, `multiple`, and `disabled`.  

General domain of usage  
Web form user interfaces

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 soll.
Es wird immer zusammen mit `<option>`-Elementen verwendet. Die `<option>`-Elemente definieren die einzelnen Einträge in der Dropdown-Liste.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPHNlbGVjdD4KICAgIDxvcHRpb24gdmFsdWU9InRvbWF0byI+dG9tYXRvPC9vcHRpb24+CiAgICA8b3B0aW9uIHZhbHVlPSJjdWN1bWJlciI+Y3VjdW1iZXI8L29wdGlvbj4KICAgIDxvcHRpb24gdmFsdWU9ImxldHR1Y2UiPmxldHR1Y2U8L29wdGlvbj4KICA8L3NlbGVjdD4KICA8YnV0dG9uIHR5cGU9InN1Ym1pdCI+U3VibWl0PC9idXR0b24+CjwvZm9ybT4=

Das `<select>`-Element verfügt außerdem über mehrere Attribute, mit denen sein Verhalten angepasst werden kann, darunter:

- `name`: der Name des Select-Elements, wird beim Absenden des Formulars verwendet;
- `size`: die Anzahl der sichtbaren Optionen in der Dropdown-Liste;
- `multiple`: ermöglicht, falls vorhanden, die Auswahl mehrerer Optionen;
- `disabled`: deaktiviert, falls vorhanden, das Select-Element.

Um eine Liste in separate, unabhängige Gruppen zu unterteilen, kann das `<optgroup>`-Tag verwendet werden. Das Attribut `label` dient dazu, der Gruppe einen Titel zuzuweisen.

PGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgPGxhYmVsIGZvcj0ic3BvcnQiPkZhdm9yaXRlIFNwb3J0PC9sYWJlbD4KICA8c2VsZWN0IG5hbWU9InNwb3J0IiBpZD0ic3BvcnQiPgogICAgPG9wdGdyb3VwIGxhYmVsPSJUZWFtIHNwb3J0Ij4KICAgICAgPG9wdGlvbiB2YWx1ZT0ic29jY2VyIj5zb2NjZXI8L29wdGlvbj4KICAgICAgPG9wdGlvbiB2YWx1ZT0iYmFza2V0YmFsbCI+YmFza2V0YmFsbDwvb3B0aW9uPgogICAgICA8b3B0aW9uIHZhbHVlPSJob2NrZXkiPmhvY2tleTwvb3B0aW9uPgogICAgPC9vcHRncm91cD4KCiAgICA8b3B0Z3JvdXAgbGFiZWw9IkluZGl2aWR1YWwgc3BvcnQiPgogICAgICA8b3B0aW9uIHZhbHVlPSJib3hpbmciPmJveGluZzwvb3B0aW9uPgogICAgICA8b3B0aW9uIHZhbHVlPSJzd2ltbWluZyI+c3dpbW1pbmc8L29wdGlvbj4KICAgICAgPG9wdGlvbiB2YWx1ZT0ic2tpaW5nIj5za2lpbmc8L29wdGlvbj4KICAgIDwvb3B0Z3JvdXA+CiAgPC9zZWxlY3Q+CiAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlN1Ym1pdDwvYnV0dG9uPgo8L2Zvcm0+

Standardmäßig wird die erste `<option>` in der Liste ausgewählt. Um dies zu ändern, kann das Attribut `selected` zu einem beliebigen `<option>`-Element hinzugefügt werden.

Hinweis

Was ist die Hauptfunktion des `<select>`-Elements in HTML?

Erlernen Sie die Grundlagen von HTML (HyperText Markup Language), dem Fundament der Webentwicklung. Dieser einsteigerfreundliche Kurs behandelt Tags, Attribute, Elemente und die Strukturierung von Webseiten. Erwerben Sie praktische Fähigkeiten im Erstellen von Überschriften, Absätzen, Listen, Bildern, Links, Formularen und Tabellen. Entdecken Sie Best Practices, Optimierung und Webzugänglichkeit. Beginnen Sie Ihre Webentwicklungsreise mit HTML.

Erkunden Sie die Vielseitigkeit von HTML-Formularen. Lernen Sie, intuitive und benutzerfreundliche Formulare durch Anwendung zentraler Konzepte und Techniken zu gestalten. Entdecken Sie, wie Formulare die Benutzerinteraktion und Datenübermittlung auf Websites ermöglichen.

Verwendung des Select-Elements für Dropdown-Menüs