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.

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.

Hinweis

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