---

---

---

---

---

weiter zu > Formulare in HTML > HTML Einführung

Startseite > HTML 4 Referenz > HTML 4 Tags

HTML 4 Tag select

von Thomas Salvador, 01.03.2010

Beispiel

Ein Formular in HTML mit einer Auswahlbox:

<form method="..." action="...">
<select name="lieblingsfarbe" size="1">
<option value="red">rot</option>
<option value="green">grün</option>
<option value="blue">blau</option>
</select>
</form>

Anwendung

Mit <select> wird in HTML-Formularen eine Auswahlbox bzw. eine Auswahlliste erzeugt. Die Anzahl gleichzeitig sichtbarer Einträge wird mit size geregelt. Mit multiple bestimmt man, dass eine Mehrfachauswahl möglich ist.

Die Alternativen selbst werden mit <option> gesetzt. Gibt es eine Option mit dem gesetzten Attribut selected, so wird diese Alternative dargestellt, sonst die erste.

Mehrere Alternativen können mit <optgroup> gruppiert werden.

Hinweise

Die besonders beliebte Drop-Down-Box erhält man, wenn man die Anzahl gleichzeitig sichtbarer Einträge auf 1 setzt.

Attribute

Attribut	Beschreibung
class	Space-separierte Liste von CSS-Klassen
dir	Ausrichtung von Text und Tabellen
disabled	abgeschaltetes Element
id	Universalattribut
lang	Sprache des Elementes
multiple	mehrfache Auswahl für select
name	Name von select
onblur	Auszuführender Javascript-Code bei Fokusverlust
onchange	Auszuführender Javascript-Code bei Wertänderung
onclick	Auszuführender Javascript-Code bei Klick
ondblclick	Auszuführender Javascript-Code bei Doppelklick
onfocus	Auszuführender Javascript-Code bei Fokuserhalt
onkeydown	Auszuführender Javascript-Code bei Drücken einer Taste
onkeypress	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyup	Auszuführender Javascript-Code bei Loslassen einer Taste
onmousedown	Auszuführender Javascript-Code bei Drücken einer Maustaste
onmousemove	Auszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseout	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseover	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseup	Auszuführender Javascript-Code bei Loslassen einer Maustaste
style	Inline Style
tabindex	Festlegung der Tabulatorreihenfolge
title	Bezeichnender Titel

Weitere Beispiele und Lösungen

Keine.

---

Kaffee- kasse: 1 EUR 3 EUR 5 EUR

---