Beim Schreiben in HTML ist das
Das Tag
Beispiel für
<select>
<optgroup label="Mammals">
<option>Cat</option>
<option>Dog</option>
</optgroup>
<optgroup label="Birds">
<option>Crow</option>
<option>Eagle</option>
</optgroup>
<optgroup label="Dinosaurs">
<option>Raptor</option>
<option>Tyrannosaurus</option>
<option>Brachiosaurus</option>
</optgroup>
</select>
Beispielergebnis
Wählen Sie Ihr Lieblingstier aus dieser Liste:
Wenn Sie Ihren Mauszeiger über die rechte Seite des Felds bewegen, wird ein Abwärtspfeil angezeigt. Klicken Sie auf diesen Pfeil, um Ihr Lieblingstier auszuwählen.
Beispiel mit größerem Karton
Zusätzlich zu einem Dropdown-Feld ermöglicht ein größeres Auswahlfeld, dass mehr Optionen oder alle verfügbaren Optionen mithilfe des Größenattributs angezeigt werden. Unten haben wir dem select-Tag size=”10″ hinzugefügt, damit zehn Artikel in die Box passen.
Wir haben dem select-Tag auch multiple hinzugefügt, damit mehrere Elemente im obigen Feld ausgewählt werden können. Um mehrere Elemente auszuwählen, halten Sie die Strg-Taste auf der Tastatur gedrückt und klicken Sie auf jedes Element, das Sie auswählen möchten.
Attribute
Innerhalb eines HTML-Tags bestimmt ein Attribut bestimmte Aspekte eines HTML-Elements. Attribute bestehen aus einem Paar aus Name und Wert; Alle Tags unterstützen Standardattribute. Die folgende Tabelle zeigt alle aktuellen eindeutigen HTML-Attribute für das
| Attribut | Beschreibung |
|---|---|
| Autofokus | Legt fest, dass die Dropdown-Liste automatisch auf das Laden der Seite fokussiert werden soll. |
| deaktiviert | Deaktiviert die Dropdown-Liste. |
| bilden | Bezeichnet die Form(en), zu denen das |
| mehrere | Gibt an, dass mehr als eine Option aus der Liste ausgewählt werden kann. |
| Name | Legt einen Namen für die Dropdown-Liste fest. |
| benötigen | Gibt an, dass der Benutzer einen Wert auswählen muss, bevor das Formular gesendet wird. |
| Größe | Gibt die Anzahl der sichtbaren Optionen in einer Dropdown-Liste an. |
Kompatibilität
| Rand | Internet Explorer | Feuerfuchs | Safari | Oper | Chrom |
|---|---|---|---|---|---|
| Alle Versionen | Alle Versionen | Alle Versionen | Alle Versionen | Alle Versionen | Alle Versionen |
Zusätzliche Formularelemente
Browser, Kompatibilität, Container-Tag, Webdesign-Begriffe
