HTML und XHTML

Formulare

Kontroll-Elemente

Checkboxen

Checkboxen sind dazu da, Informationen wieterzugeben, die dem ja/nein-Schema entsprechen. In unserem Beispiel möchten wir von unseren Besuchern erfahren, ob das Rezept, das sie uns mit Hilfe des Formulars einsenden, denn ihr eigenes ist. Die Frage lässt sich mit ja oder nein beantworten, daher eignet sich eine Checkbox als Formular-Element.

Übung 51

Füge am Ende des Formulars eine Checkbox ein. Wie schon angedeutet, handelt es sich um ein <input>-Element des Typs checkbox. Gib ihm auch gleich einen Namen, und zwar "originalrezept".

Das Resultat sieht dann so aus:

<p><input type="checkbox" name="originalrezept" /></p>

Ich hab ja schon darauf hingewiesen, dass das, was wir in ein Formular eintippen, dann irgend einem Programm übergeben werden muss, welches damit etwas sinnvolles anfangen kann. Der Name des Besuchers und der Text seines Rezeptes könnten zum Beispiel gespeichert und publiziert werden.

Was aber passiert mit unserer Checkbox? Was wird da genau ans Programm übergeben?

Das haben wir selbst unter Kontrolle. Das <input>-Element des Typs checkbox akzeptiert ein weiteres Element: value. Diesem Element können wir irgend einen Wert zuweisen, in unserem Fall zum Beispiel das Wort "ja". Ist die Checkbox angekreuzt, so wird dieser Wert ans Programm weitergegeben und sonst eben nicht.

Mit dieser Ergänzung sieht unsere Checkbox dann folgendermassen aus:

<p><input type="checkbox" name="originalrezept" value="ja" /></p>

Homepapa
MÃ¤rz 2004

Vorheriger Abschnitt:
Kontroll-Elemente

NÃ¤chster Abschnitt:
Radio Buttons