Zum Inhalt der Seite


FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN: Free-Net Erlangen-Nürnberg-Fürth e.V.

FEN Startseite > ~xx502 > Forms > Lektion08

Web Formulare

Kapitel 8 - Check-Box

Checkboxen sind eine Gruppe von beschrifteten Buttons, aus der der Benutzer keinen, einen oder mehrere markieren ("ankreuzen") kann.

<form>
<input
type="checkbox" name="Zutaten" />
</form>

Checkboxen mit gleichem Wert

Betrachten wir zuerst die Checkboxen als unzusammenhängend. Jede Box soll in diesem Fall einen eigenen, eindeutigen Namen (name) bekommen.

Wie im vorigen Kapitel wollen wir mit mehreren Checkboxen arbeiten, füge also bitte noch einige hinzu und auch wieder erklärenden Text und Zeilenumbrüche.

<form>
<input type="checkbox"
name="Mehl" /> Mehl<br />
<input type="checkbox"
name="Butter" /> Butter<br />
<input type="checkbox"
name="Eier" /> Eier
</form>
Mehl
Butter
Eier

Jede Checkbox soll auch einen Wert erhalten:

<form>
<input type="checkbox"
value="ja" name="Mehl" /> Mehl<br />
<input type="checkbox"
value="ja" name="Butter" /> Butter<br />
<input type="checkbox"
value="ja" name="Eier" /> Eier
</form>
Mehl
Butter
Eier

Für jede markierte Box wird eine Zeile an den Server geschickt.
Angenommen ein Benutzer hat alle drei Kästchen markiert, würde folgendes übermittelt:

Mehl=ja
Butter=ja
Eier=ja

Im folgenden Kapitel werden wir den Fall kennenlernen, dass mehrere Checkboxen den gleichen Namen tragen.


Zurück Radio Button Zum Inhaltsverzeichnis Inhalt Weiter Check-Box