HTML-Dateien selbst erstellen
Dokumentation: HTML
Formulare

Auswahllisten


 Auswahlliste definieren
 Auswahlliste mit Mehrfachauswahl
 Einträge vorselektieren
 Absendewert von Einträgen bestimmen


HTML2.0 Auswahlliste definieren

Beispiel
Anzeigebeispiel: So sieht's aus

Sie können dem Anwender eine Liste mit festen Einträgen anbieten, aus der er einen Eintrag auswählen kann. Der Text des ausgewählten Eintrags wird übertragen, wenn der Anwender das Formular abschickt.

Beispiele:

Ihr Favorit:
<p>
<select name="top5" size=3>
<option> Heino
<option> Michael Jackson
<option> Tom Waits
<option> Nina Hagen
<option> Marianne Rosenberg
</select>

Erläuterung:

<select ...> leitet eine Auswahlliste ein. Jede Auswahlliste muß einen internen Bezeichnernamen erhalten, und zwar mit der Angabe name=. Der Name sollte nicht zu lang sein und darf keine Leerzeichen und keine deutschen Umlaute enthalten. Verwenden Sie als Sonderzeichen höchstens den Unterstrich "_". Setzen Sie den Namen in Anführungszeichen.

Mit der Angabe size= bestimmen Sie die Anzeigegröße der Liste, d.h. wie viele Einträge angezeigt werden sollen. Wenn die Liste mehr Einträge enthält als angezeigt werden, kann der Anwender in der Liste scrollen. Wenn Sie size=1 angeben, definieren Sie eine sogenannte "Drop-Down-Liste".

<option> definiert jeweils einen Eintrag der Auswahlliste. Hinter <option> muß der Text des Listeneintrags stehen.

Mit </select> wird die Auswahlliste abgeschlossen.

Beachten Sie:

Die Breite der Listenanzeige wird automatisch ermittelt.

Mit Hilfe von  JavaScript können Sie Auswahllisten auch "zweckentfremden", um Verweise innerhalb Ihres Projekts zu realisieren.

HTML3.2 Auswahlliste mit Mehrfachauswahl

Beispiel
Anzeigebeispiel: So sieht's aus

Wenn Sie nichts anderes angeben, kann der Anwender aus einer Auswahlliste genau einen Eintrag auswählen. Sie können eine Mehrfachauswahl erlauben.

Beispiele:

Alle Ihre Favoriten aus der 70er-Jahre-Liste:
<p>
<select name="top70s" size=5 multiple>
<option> Sweet
<option> T.Rex
<option> Slade
<option> Mud
<option> Bay City Rollers
</select>

Erläuterung:

Auswahllisten mit Mehrfachauswahl werden wie gewöhnliche  Auswahllisten definiert. Die Mehrfachauswahl erlauben Sie durch die zusätzliche Angabe multiple im einleitenden Tag von <select ...>.

Beachten Sie:

Eine Mehrfachauswahl ist für Anwender nicht unmittelbar erkennbar. Deshalb sollten Sie darauf hinweisen, wenn mehrere Einträge auswählbar sind. Auch ist nicht allen Anwendern klar, wie sie mehrere Einträge selektieren können. Auf modernen PC-Tastaturen geschieht das normalerweise durch Halten der [Strg]-Taste bei gleichzeitigem Anklicken der gewünschten Listeneinträge.

HTML3.2 Einträge vorselektieren

Beispiel
Anzeigebeispiel: So sieht's aus

Wenn Sie nichts anderes angeben, ist zunächst kein Eintrag einer Auswahlliste vorselektiert. Sie können einen Eintrag vorselektieren. In Verbindung mit  Mehrfachauswahl können Sie auch mehrere Einträge vorselektieren. Vorselektierte Einträge haben einen sichtbaren Markierungsbalken.

Beispiel:

Wen kennen Sie am besten?
<p>
<select name="BestKenn" size=3>
<option> Rosa Luxemburg
<option selected> Helmut Kohl
<option> Herbert Gruhl
</select>

Erläuterung:

Auswahllisten mit Vorselektion werden wie gewöhnliche  Auswahllisten definiert. Um einen Eintrag der Auswahlliste vorzuselektieren, geben Sie im Tag <option...> des betreffenden Eintrags den Zusatz selected an.

HTML3.2 Absendewert von Einträgen bestimmen

Beispiel
Anzeigebeispiel: So sieht's aus

Normalerweise wird beim Absenden des Formulars der Text eines ausgewählten Listeneintrags übertragen, der hinter <option> steht. Sie können jedoch bestimmen, daß intern ein anderer Text übertragen wird.

Beispiel:

Ihre Pizza-Bestellung:
<p>
<select name="Pizza" size=5>
<option value="P101"> Pizza Napoli
<option value="P102"> Pizza Funghi
<option value="P103"> Pizza Capriciosa
<option value="P104"> Pizza Vegetabile
<option value="P105"> Pizza Mexicana
<option value="P106"> Pizza Quatro Stagioni
<option value="P107"> Pizza de la Casa
<option value="P108"> Pizza Calzone
<option value="P109"> Pizza con tutti
</select>

Erläuterung:

Auswahllisten mit anderen Absendewerten werden wie gewöhnliche  Auswahllisten definiert. Um für einen Eintrag der Auswahlliste einen anderen Absendewert zu bestimmen, geben Sie im Tag <option...> des betreffenden Eintrags den Zusatz value= an. Die Angabe muß in Anführungszeichen stehen. Beim Absenden des Formulars wird dann der hier bestimmte Text eines ausgewählten Eintrags übertragen, nicht der Text, der dem Anwender beim Listeneintrag angeboten wurde.


Blättern:
Eingabefelder     Radio- und Checkbuttons

HTML-Dateien selbst erstellen
Dokumentation: HTML
Formulare

© 1997  Stefan Münz, s.muenz@euromail.com