The Web Design Group

SELECT - Optionsauswahl

Syntax <SELECT>...</SELECT>
Attribut-Spezifikationen
  • NAME=CDATA (Schlüssel im versenden Formular)
  • MULTIPLE (erlaubt mehrfache Auswahl)
  • SIZE=Number (Anzahl der sichtbaren Optionen)
  • DISABLED (deaktiviertes Element)
  • TABINDEX=Number (Position in der Tabbing-Reihenfolge)
  • ONFOCUS=Script (Element erhält den Fokus)
  • ONBLUR=Script (Element verliert den Fokus)
  • ONCHANGE=Script (Wert des Elements wird verändert)
  • gemeinsame Attribute
Inhalte Eine oder mehrere OPTGROUP- oder OPTION-Elemente
Beinhaltet in Block-Level Elemente, Inline Elemente außer BUTTON

Das SELECT-Element definiert ein Eingabefeld für die Auswahl von Optionen. Während das SELECT-Element am nützlichsten innerhalb eines FORM-Elements ist, erlaubt HTML 4 ebenfalls SELECT in allen Block-Level- oder Inline-Elementen, anders als BUTTON, zu verwenden. Wie auch immer, Netscape 4.x stellt jedoch keinerlei SELECT-Elemente außerhalb von FORM dar.

Das SELECT-Element beinhaltet in der Regel ein oder mehrere OPTGROUP- oder OPTION-Elemente um dem User ein Auswahlmenü anbieten zu können. Jede Auswahlmöglichkeit ist innerhalb eines OPTION-Elements beinhaltet. Verschiedene Auswahlmöglichkeiten können logisch durch das OPTGROUP-Element gruppiert werden. Das NAME-Attribut des SELECT-Elements stellt den Schlüssel, der zum Server gesendet wird, zusammen mit dem Wert der ausgewählten Option zur Verfügung.

Im Default-Zustand kann der User nur eine Option auswählen. Das boolesche MULTIPLE-Attribut erlaubt dem User mehrere Optionen auszuwählen, die in getrennten Name/Value-Paaren an den Server geschickt werden. Das folgende Beispiel verwendet das MULTIPLE-Attribut um die Auswalh einer oder mehrere Optionen zu regeln:

<P>Wählen Sie eine oder mehrere Abschnitte zum Suchen aus:
<SELECT NAME=sections MULTIPLE>
<OPTION>Web Authoring Reference</OPTION>
<OPTION>FAQ Archive</OPTION>
<OPTION>Design Elemente</OPTION>
<OPTION>Tools</OPTION>
<OPTION>Feature Artikel</OPTION>
</SELECT>
</P>

Das boolesche DISABLED-Attribut, das neu in HTML 4.0 ist, deaktiviert das SELECT-Element. Dem User ist es so nicht möglich die deaktivierte Auswahlmöglichkeit zu verändern, es wird kein Wert mit dem Formular übermittelt, das SELECT-Element kann keinen Fokus erhalten und das Element wird beim Navigieren durch das Dokument mittels Tabbing ausgelassen.

Das TABINDEX-Attribut legt eine Zahl zwischen 0 und 32767 fest, die für die Position in der Tabbing-Reihenfolge steht. Ein SELECT-Element mit dem TABINDEX=0 oder dem das TABINDEX-Attribut fehlt, wird aufgerufen nachdem alle Elemente mit positivem TABINDEX durchlaufen wurden. Unter den positiven TABINDEX-Werten erhält die niedrigere Zahl zuerst den Fokus. Im Fall das zwei TABINDEX-Attribute gleiche Werte haben, wird das Element zuerst angezeigt, das früher im HTML-Dokument steht.

Das SIZE-Attribut von SELECT bewirkt, dass visuelle Browser das Element als eine Listenbox mit einer festgelegten Anzahl von Optionen anzeigt, die jeder Zeit sichtbar sind. Ein Scroll-Balken ermöglicht das Erreichen der nicht sichtbaren Möglichkeiten. Das SIZE-Attribut ist besonders nützlich in SELECT-Elementen mit zahlreichen OPTIONen und mehrfachen Auswahlmöglichkeiten. In so einer Situation stellen einige visuelle Browser die gesamte Liste in einer großen Box ohne Scroll-Möglichkeit dar; ein passendes SIZE-Attribut hilft diesen Browsern bei einer zutreffenderen Darstellung.

Das SELECT-Element besitzt ebenfalls eine Reihe von Attributen, die Client-seitige Scripting Aktionen für verschiedene Ereignisse festlegen. Zusammen mit den Kern Events akzeptiert SELECT, wie die meisten Elemente, die folgenden Event-Attribute:

Weitere Informationen