Auswahllisten

Listen werden durch ein öffnendes <select ..> und ein schließendes </select> Tag dargestellt. Die Inhalte der Liste werden ebenfalls durch ein öffnendes <option> und ein schließendes </option> Tag eingebunden. Je mehr OPTION-Tags sich zwischen den SELECT-Tag befinden, je mehr Auswahl-Möglichkeiten werden dargestellt.

Select-Attribut: NAME - Eingabefeld-Name

Alle Felder werden durch ihren Namen unterschieden, beachten Sie daher unbedingt jedem Feld einen individuellen Namen innerhalb eines Formulares zu geben.

Ein Name enthält einfache Buchstaben und Zahlen, er beginnt immer mit einem Buchstaben.
Wird das Name-Attribut nicht angegeben, wird das Eingabefeld es nicht an dem Webserver übermittelt!

<select name="feld123" >
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option>Auswahl 3</option>
   <option>Auswahl 4</option>
</select>

Resultat:

Im PHP Umfeld werden Eingabefelder häufig in der Form name="feld[123]" benannt. Dabei ist wichtig, dass eckige Klammern immer an das Ende geschrieben werden. Natürlich können hier auch mehrere eckige Klammern hintereinander definiert werden, zum Beispiel name="feld[1][2][3]". Zwischen und nach diesen Klammern dürfen keine weitere Zeichen folgen.
Je nach verwendeter Programmiersprache kann diese Regel abweichen.

Select-Attribut: SIZE - Listen-Größe und Variante

Definieren Sie mit diesem Attribut die Listengröße. Es gibt bei Listen eine Besonderheit, wenn eine Liste mit dem Attribut size="1" definiert wird, wird eine Drop-Down Menü dargestellt in der maximal ein Wert ausgewählt werden kann. Bei einem Wert über 1 zum Beispiel 5, wird eine Liste mit mehreren sichtbaren Auswahlmöglichkeiten dargestellt in der auch mehrere Liste wählbar sein können.
Bei einem fehlenden Size-Attribut, wird als Standard ein Drop-Down Menü angezeigt.

Drop-Down Menü
<select name="feld123" size="1">
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option>Auswahl 3</option>
   <option>Auswahl 4</option>
</select>
Liste:
<select name="feld123" size="5">
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option>Auswahl 3</option>
   <option>Auswahl 4</option>
</select>

Resultat für Drop-Down Menü:

Resultat für Liste:

Select-Element: OPTION - Auswahlmöglichkeiten

Mit diesem Unterelement eines Select-Elementes werden die Auswahlöglichkeiten definiert. Option-Elemente bestehen immer aus einem öffenenden <option ..> und einem schließendem </option> Tag.
Es gibt keine Limitieren, der Option-Anzahl, geben Sie also alle gewünschten Auswahlmöglichkeiten an.

<select name="feld123" >
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option>Auswahl 3</option>
   <option>Auswahl 4</option>
</select>

Option-Attribut: VALUE - Wert
Das Option-Element entscheidet über den Inhalt, der zum Webserver übermittelt wird.
Fehlt das Value-Attribut, wird der Inhalt zwischen dem öffenenden <option ..> und einem schließendem </option> Tag übermittelt. Existiert ein Value-Attribut, wird dieser Inhalt an den Webserver übermittelt.

Beachten Sie, wenn das Value-Attribut vorhanden ist, können sich die darzustellenden Auswahlmöglichkeiten von dem übermittelten Inhalten abweichen. Dargestellt wird immer der Inhalt zwischen öffnendem und schließendem Option-Element, übermittelt wird der Inhalt des Value-Attributes vom Option-Element.

<select name="feld123" >
   <option>Auswahl 1</option>  .. Darstellung und Übermittlung identisch
   <option value="Auswahl 2">Auswahl 2</option>   .. Darstellung und Übermittlung identisch
   <option value="Dieser Inhalt wird übermittelt">Auswahl 3</option>  .. Darstellung und Übermittlung unterschiedlich
</select>

Option-Attribut: SELECTED - Standardauswahl
Durch hinzufügen eines Selected-Attributes, kann die Standardauswahl festgelegt werden. Der Benutzer bekommt diese Auswahl als Standard angezeigt, kann Ihn aber ändern. Fehlt das Attribut, wird vom Browser automatisch die erste Auswahlmöglichkeit gewählt.

Bei einfachem HTML wird selected, bei XHTML selected="selected" hinzugefügt.

Drop-Down Menü
<select name="feld123" size="1">
   <option>Auswahl 1</option>
   <option selected="selected">Auswahl 2</option>
   <option>Auswahl 3</option>
   <option>Auswahl 4</option>
</select>
Liste:
<select name="feld123" size="5">
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option selected="selected">Auswahl 3</option>
   <option>Auswahl 4</option>
</select>

Resultat für Drop-Down Menü:

Resultat für Liste:

Select-Attribut: MULTIPLE - Mehrfachauswahl

Wenn bei einer Liste das Size-Attribut größer als 1 ist (zum Beispiel size="5"), können mehrere Werte gewählt werden. Dafür muss ein weiteres Attribut im Select-Tag angegeben.

Bei einfachem HTML wird multiple, bei XHTML multiple="multiple" hinzugefügt.

<select name="feld[]" size="5" multiple="multiple">
   <option>Auswahl 1</option>
   <option selected="selected">Auswahl 2</option>
   <option>Auswahl 3</option>
   <option selected="selected">Auswahl 4</option>
</select>

Resultat:

Um für ein Feld in PHP mehrere Werte empfangen zu können muss beim Feldname eine leere eckige Klammung erweitert werden, also name="feld[]". Wird das nicht gemacht, verarbeitet PHP immer den letzten Wert.

Select-Attribut: DISABLED - Schreibschutz, nur lesen

Das Attribut sperrt ein Feld. Es kann nur gelesen werden, der Benutzer kann den Inhalt nicht ändern. Der darzustellende Inhalt wird im Value-Attribut hinterlegt.

Häufig wird das Attribute bei Feldern genutzt, die lediglich Zwischenergebnisse repräsentieren sollen. Deren Nutzung für die weitere Formularverarbeitung also nicht notwendig ist.

Beachten Sie, das es sich hier um eine Client-Seitige Prüfung handelt. Da sie im Browser durchgeführt wird, kann durchaus ein geänderter Inhalt an den Server übermittelt werden. Es handelt sich hier also lediglich um eine Richtlinie, nicht um ein Sicherheits-Einstellung!

Bei einfachem HTML wird disabled, bei XHTML disabled="disabled" hinzugefügt.

<select name="feld123" size="5" disabled="disabled">
   <option>Auswahl 1</option>
   <option>Auswahl 2</option>
   <option selected="selected">Auswahl 3</option>
   <option>Auswahl 4</option>
</select>

Resultat:

Wenn ein Disabled-Feld nicht an den Webserver übermittelt werden muss, muss kein Feldname angegeben werden. Das Attribut "name" ist in einem solchen Fall also nicht erforderlich.

Scar4U.de bietet mit dem PHP Skript ScarFormManager (Scar's Online Formular Manager & Generator) eine umfangreiche Formular Verwaltung für Ihre Online Formulare.