Stil mit {stil}

Jun 08

HTML-Tag <select> ... </select> • Auswahllisten in Formularen

Das <select>-Tag erzeugt eine Pulldown-Liste in einem Formular.

Das select-Tag stellt den Anfang und das Ende einer Auswahlliste dar. Per Vorgabe erzeugt das Tag in einer Zeile ein Fenster und auf der rechten Seite des Fensters eine Schaltfläche. Optional kann das Fenster auch mehrere Zeilen enthalten. Wenn der Besucher das Fenster mit der Maus anklickt, öffnet sich die Liste und klappt alle Auswahlmöglichkeiten auf. Der Besucher wählt einen Eintrag durch einen Klick mit der Maus. Optional kann der Besucher auch mehrere Auswahlen treffen.

Der Besucher kann alle Elemente beliebig oft auswählen und wieder abwählen. Wenn ein Eintrag ausgewählt wurde, wird sein Wert dem Inhalt des Formulars hinzugefügt, und wenn das Formular abgeschickt wird (submit), wird das Element mit dem restlichen Inhalt des Formulars übertragen.

Innerhalb der Liste müssen die einzelnen Einträge in <option> oder <optgroup>-Tags eingeschlossen werden.

Beispiel für Auswahlliste mit select

<select name="menu[]" multiple="multiple" size="4"> 
   <option> Pizza </option> 
   <option> Tortelloni </option> 
   <option> Bifsteca </option> 
   <option> Insalata </option> 
   <option> Ravioli </option> 
   <option> Pesce </option> 
   <option> Hamburger </option> 
   <option> Fischstäbchen </option>
   <option> Spagetti </option>
</select> 

Damit die PHP-Anwendung, an die die Formulardaten übermittelt werden, alle gewählten Einträge empfangen kann, ist das Name-Attribut des select-Tags ein PHP-Array (gekennzeichnet durch eine öffnende und schließende eckige Klammer).

Attribute für select-Tags

disabled

boolescher Wert. Wenn das Attribut vorhanden ist, wird das Steuerfeld außer Funktion gesetzt. In einigen Browsern wird das Steuerfeld in diesem Fall ausgegraut dargestellt.

multiple

erlaubt die Auswahl von einem oder mehreren Elementen der Auswahlliste des Pulldown-Menüs. Als Voreinstellung kann nur ein Wert ausgewählt werden.

name

Zeichenfolge, die ein Steuerfeld in einem Formular mit einem Namen belegt. Der Name muss eindeutig sein und kann nicht erneut im Dokument verwendet werden.

size

macht es möglich, mehr als ein Element im Pulldown-Menü darzustellen. Eine Scrollleiste mit Auf- und Abschaltern erlaubt dem Besucher, durch die Liste zu scrollen. Per Vorgabe kann immer nur ein Element in der Liste dargestellt werden.

tabindex

eine ganze Zahl, die den Rang innerhalb der Tabulatoraufrufe bei der Navigation mit der Tastatur festlegt. Das Attribut wird bislang nur von wenigen Browsern unterstützt.

Kernattribute und Ereignisse für select-Tags

Zum Seitenanfang