HTML Tag select:
Auswahlbox in HTML Formular

von Thomas Salvador.

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.

Attribute

<select> unterstützt die HTML Attribute:

AttributBeschreibung
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
disabledabgeschaltetes Element
idUniversalattribut
langSprache des Elementes
multiplemehrfache Auswahl für select
nameName von select
onblurAuszuführender Javascript-Code bei Fokusverlust
onchangeAuszuführender Javascript-Code bei Wertänderung
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onfocusAuszuführender Javascript-Code bei Fokuserhalt
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
styleInline Style
tabindexFestlegung der Tabulatorreihenfolge
titleBezeichnender Titel

Browserunterstützung

<select> wird mindestens von den HTML Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN unterstützt.

Standards

<select> wird in den Standards HTML und XHTML definiert.

Inhalte

<select> kann die Tags <option> enthalten.

Verwendung

<select> kann in den HTML Tags <a>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <caption>, <center>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <ins>, <kbd>, <label>, <legend>, <li>, <noframes>, <noscript>, <object>, <p>, <pre>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> enthalten sein.

Hinweise

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

Weitere Beispiele und Lösungen

Keine.