von Thomas Salvador.
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>
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.
<select> unterstützt die HTML 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 |
<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.
<select> wird in den Standards HTML und XHTML definiert.
<select> kann die Tags <option> enthalten.
<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.
Die besonders beliebte Drop-Down-Box erhält man, wenn man die Anzahl gleichzeitig sichtbarer Einträge auf 1 setzt.
Keine.