Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# select ♦ <select> ... </select> ♦ IE 4+ M1 N4+ O5+ ♦ HTML 2.0, 3.2, 4.0

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

Die vier Tags, mit denen die Steuerfelder eines Formulars angelegt werden, sind: button input select textarea

Das <select>-Tag stellt den Anfang und das Ende einer Multiple-Choice-Liste 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.

Beachten Sie bitte, dass der Besucher alle Elemente beliebig oft auswählen und wieder abwählen kann. 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.

Die wahre Schönheit des select-Elements liegt darin, dass es nicht mehr als eine Zeile Platz erfordert und dennoch eine lange Liste von Einträgen zur Wahl stellen kann. Jeder Eintrag kann als Ziel eines Hyperlinks auf eine andere Seite führen.

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

Das schließende Tag ist erforderlich.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
disabled | Das Attribut disabled ist ein 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 | Das Attribut 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 | Das Attribut name ist eine Zeichenfolge, die ein Steuerfeld in einem Formular mit einem Namen belegt. Der Name muss eindeutig sein und kann nicht erneut im Dokument verwendet werden.
onblur | Das Attribut onblur ermöglicht die Ausführung eines JavaScripts, wenn ein Element den Fokus verliert (z.B. wenn die Maus in ein anderes Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger in ein anderes Element platziert).
onchange | Das Attribut onchange ist ein Ereignis, das die Ausführung eines JavaScripts initiiert, wenn ein Steuerfeld in einem Formular geändert wurde und aus dem Fokus gerät.
onfocus | Das Attribut onfocus erkennt, dass ein Element aktiviert wurde – in den Fokus kam – (z.B., wenn die Maus auf das Element geklickt wurde oder eine Navigation mit der Tabulatortaste den Mauszeiger auf das Element gesetzt hat), und initiiert ein JavaScript.
size | Das Attribut 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 | Das Attribut tabindex ist 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.

#### Beispiel

Ein einfaches Pulldown-Menü, das die Auswahl eines Elements erlaubt.

    <select name="select2">
      <option selected>Seezunge</option>
      <option>Loup de Mer</option>
      <option>Lachs</option>
      <option>Dorade</option>
      <option>Fischst&auml;bchen</option>
    </select>

#### Darstellung

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen