Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verwendung des Select-Elements für Dropdown-Menüs | HTML-Formulare und Benutzereingaben
Ultimatives HTML
course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
3. HTML-Dokumentstruktur
4. Arbeiten mit Medien und Tabellen

book
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.

html

index.html

copy

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.

html

index.html

copy

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.

question mark

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

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 8

Fragen Sie AI

expand
ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

course content

Kursinhalt

Ultimatives HTML

Ultimatives HTML

1. Verständnis der Webentwicklung
3. HTML-Dokumentstruktur
4. Arbeiten mit Medien und Tabellen

book
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.

html

index.html

copy

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.

html

index.html

copy

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.

question mark

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

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 5. Kapitel 8
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt