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> |
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> |
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.
Radio Button Inhalt Check-Box