HTML Referenzhandbuch

Vollständiges Verzeichnis der HTML-Tags

HTML: <select> Tag

Das HTML- <select>-Element stellt ein Steuerelement dar, das eine Dropdown-Liste erstellt, aus der der Benutzer auswählen kann. Diese Dropdown-Werte werden durch eine Reihe von <option>-Tags im <select>-Tag definiert. Dieses Tag wird auch als <select>-Element bezeichnet.

Online-Beispiel

Erstellen Sie eine Dropdown-Liste mit mehreren Optionen:

Beispiel

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Verwendung des HTML-select-Tags (Grundlagen-Tutorial-Web oldtoolbag.com)</title>
</head>
<body>
<label for="pet-select>Wählen Sie ein Haustier:</label>
<select name="pets" id="pet-select>
　　　　<option value="">--Bitte wählen Sie eine Option--</option>
　　　　<option value="dog">Dog</option>
　　　　<option value="cat">Cat</option>
　　　　<option value="hamster">Hamster</option>
　　　　<option value="parrot">Parrot</option>
　　　　<option value="spider">Spider</option>
　　　　<option value="goldfish">Goldfish</option>
</select>
</body>
</html>

Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das <select>-Tag.

Definition und Verwendungshinweise der Tags

Das <select>-Element wird verwendet, um eine Dropdown-Liste zu erstellen.
im <select>-Element <option> Schlagwörter, die eine Dropdown-Werteliste und verfügbare Optionen bereitstellen.

Standardmäßig wird die erste Option im <select>-Tag als ausgewähltes Element angezeigt. Benutzer können eine andere Option aus der Dropdown-Liste auswählen.

Hinweise und注意事项

Hinweis:<select> Element ist ein Formularsteuerelement, das zur Eingabe von Benutzern im Formular verwendet werden kann.

HTML 4.01 und HTML5Unterschiede zwischen

HTML5 hat einige neue Attribute hinzugefügt.

Attribute

New: HTML5 neue Attribute hinzugefügt.

Attribute	Wert	Beschreibung
autofocusHTML5	autofocus	Bestimmt, dass die Dropdown-Liste beim Laden der Seite automatisch den Fokus erhält.
disabled	disabled	Wenn dieser Wert auf true gesetzt ist, wird die Dropdown-Liste deaktiviert.
formHTML5	form_id	Bestimmt eine oder mehrere Formulare, zu denen das select-Feld gehört.
multiple	multiple	Wenn dieser Wert auf true gesetzt ist, können mehrere Optionen ausgewählt werden.
name	text	Definiert den Namen der Dropdown-Liste.
requiredHTML5	required	Bestimmt, dass der Benutzer eine Option aus der Dropdown-Liste auswählen muss, bevor das Formular eingereicht wird.
size	number	Bestimmt die Anzahl der sichtbaren Optionen in der Dropdown-Liste.

Globale Attribute

<select> Tag unterstützt HTML Globale Attribute.

Ereignisattribute

<select> Tag unterstützt HTML Ereignisattribute.