Home Einleitung Grundlagen Elemente und Attribute HTML-Dokumente strukturelles Markup Site Management Hyperlinks Bilder und Grafiken ohne Fehl und Tadel Spezialfälle Tabellen Formulare <form> Text Input eine Zeile GEHEIM ganze Romane Kontroll-Elemente Checkboxen Radio Buttons anschreiben die Qual der Wahl wähle eins oder mehrere mehr Ordnung Absenden wem wie E-Mail Heimlichkeiten fertig Formular Schlussbemerkungen

---

Schlagwortregister

---

Ãœbungs-Ãœbersicht

---

Ãœbungs-Dateien

HTML und XHTML

Formulare

Auswahllisten

oder mehrere

Manchmal kommt es natürlich auch vor, dass mehrere Einträge aus einer Auswahlliste ausgewählt werden können müssen. Wir möchten z.B. für unser Rezept-Formular auch noch eine Liste der möglichen Gewürze anzeigen, aus der die Besucher diejenigen auswählen können, die in ihrem Rezept vorkommen. Und da die wenigsten Rezepte mit einem einzigen Gewürz auskommen, muss es möglich sein, mehrere Optionen zu wählen.

Hier ist das Resultat:

<p><label for="womit">Diese Gewürze werden verwendet:</label>
<select size="5" id="womit" name="gewuerze" multiple="multiple"></p>
  <option value="Anis">Anis-Samen</option>
  <option value="Kardamom">Kardamom</option>
  <option value="Koriander">Koriander-Samen</option>
  <option value="Muskat">Muskat</option>
  <option value="Nelken">Nelken</option>
  <option value="Pfeffer">Pfeffer</option>
  <option value="Saffran">Saffran</option>
  <option value="Senf">Senf-Samen</option>
  <option value="Zimt">Zimt</option>
</select>
</form>

Dazu sind nun möglicherweise ein paar Erklärungen nötig.

• Dass wir size von 1 auf 5 erhöht haben, wird in der Anzeige umgehend sichtbar. Anstelle einer Drop-Down- oder Pop-Up-Liste sehen wir nun ein kleines Fenster mit einem eigenen Rollbalken, in welchem fünf Einträge aus der ganzen Liste zu sehen sind. Richtig gefolgert: je nach zur Verfügung stehendem Platz könnten wir auch weniger oder mehr Zeilen zulassen. Wenn size so gross ist, dass alle Options im Fensterchen Platz haben, dann wird's automatisch auch keinen Rollbalken mehr geben.
• multiple ist die Bestimmung, dass man auch mehrere Gewürze aus der Liste auswählen kann. Wie man das macht, hat eigentlich nichts mehr mit HTML zu tun, aber die Erfahrung zeigt, dass das Vorgehen vielen Besuchern (und manchmal sogar Autoren) nicht geläufig ist. Daher fasse ich hier die wichtigsten Regeln nochmals kurz zusammen:
  • Mit einem Klick auf eine Option wird diese ausgewählt. Man erkennt die gewählte Option an der Darstellung: dunkler Hintergrund, helle Schrift.
  • Klickt man auf eine zweite Option, so wird die erste de-selektiert und die zweite selektiert. Auf diese Weise wird man's also nie schaffen, mehrere Optionen zu selektieren.
  • Klickt man eine Option an, währenddem man die [Strg]- oder [Ctrl]-Taste gedrückt hält, so wird diese Option gewählt, ohne dass sich an der Wahl der andern Optionen etwas ändern würde. Damit lassen sich also zusätzliche Optionen auswählen.
  • Auf die selbe Weise lassen sich einzelne gewählte Optionen auch wieder de-selektieren.
  • Man kann auch einen ganzen Bereich von Optionen auswählen. Dazu klickt man die erste Option des Bereichs an und danach - bei gedrückter [Shift]-Taste - die letzte.
• Die Bezeichnung multiple="multiple" hat historische Gründe. In früheren HTML-Versionen gab es einzelne Attribute ohne Wert. Da hätte dann das <select>-Element so ausgesehen:
  <select size="5" id="womit" name="gewuerze" multiple>
  Die Angabe multiple konnte da sein oder eben fehlen.
  Ab HTML 4 und XHTML wurde diese Regel strikter gefasst: kein Attribut ohne Wert. Auch wenn's - wie im Fall von multiple eigentlich nur ein mögliches Attribut gibt.