Checkboxen auf Webseiten Formularen

Mit Hilfe von Checkboxen - auf deutsch Kontrollkästchen, können einfache Ja oder Nein Auswahlen in Webseiten Formularen getroffen werden.

Checkboxen in HTML Formularen

Checkboxen Optionen

Bei Checkboxen kann der User,

keine Auswahl,
eine Auswahl,
oder eine Mehrfachauswahl treffen.

HTML Tag für die Bildung eines checkbox Elements

<input type="checkbox" name="..." value="..."/> Checkbox-Option

Checkboxen in Html Formularen
HTML Webseiten Formular mit Checkboxen.

Vorbelegung eines Kontrollkästchens mit default Wert

einzelne Checkbox

Checkboxen können mit einem Standard - Wert (default Wert) vorbelegt werden.

<input type="checkbox" checked="checked" name="..." value="..."/> Checkbox-Option

Die Vorbelegung eines Kontrollkästchen ist durch Setzung der Eigenschaft checked im entsprechenden input Tag möglich.

Jede Checkbox hat einen eindeutigen Namen, wodurch die Zustände wie - gewählt oder nicht gewählt - mit PHP abgefragt und verarbeitet werden können.

HTML Formular

Webseiten Formular mit Checkboxen.

Checkboxen in Html Formularen

Html Quellcode - für die Darstellung des Html Formulars mit Checkboxen.

<form action="checkboxen.php" method="post">

<h2>Ratequiz</h2>

<p>Welche Städte sind in der Region OWL?<br/>Bitte klicken Sie das entsprechende Kästchen an und senden Sie dann das Formular ab.</p>

   <input type="checkbox" name="cg" value="Gütersloh" checked="checked"/>Gütersloh<br/>
   <input type="checkbox" name="cb" value="Bielefeld"/>Bielefeld<br/>
   <input type="checkbox" name="cs" value="Steinhagen"/>Steinhagen<br/>
   <input type="checkbox" name="cf" value="Frankfurt"/>Frankfurt<br/>
   <input type="checkbox" name="ch" value="Hamburg"/>Hamburg<br/>
   <input type="submit" value="Senden"/>
   <input type="reset" value="Löschen"/>

</form>

Innerhalb des Formulars werden dem Nutzer mehrere Antwortmöglichkeiten zur Auswahl angeboten.

Das Kontrollkästen mit dem Wert: value = Gütersloh ist bereits vorselektiert und zeigt zur Laufzeit des Programms den Wert aktiviert (durch ein gesetzes Kreuz) an.

PHP Verarbeitungsscript

checkboxen.php - PHP Auswertungsscript:

<?php

   echo "<p>Sie haben folgende Städte angeklickt.</p>";

        if (isset ($_POST["cg"])) echo "Gütersloh<br/>";
        if (isset ($_POST["cb"])) echo "Bielefeld<br/>";
        if (isset ($_POST["cs"])) echo "Steinhagen<br/>";
        if (isset ($_POST["cf"])) echo "Frankfurt<br/>";
        if (isset ($_POST["ch"])) echo "Hamburg";

?>

Jedes Checkbox Element des Html Formulars hat in seinem input Tag einen eindeutigen Namen mit name = "xxx" zugewiesen bekommen.

Mit der PHP Funktion isset ( ) , der der Name der checkbox übergeben wurde, wird überprüft, ob das entsprechende Kontrollkästchen angeklickt wurde. Wenn der Nutzer die Checkbox gewählt hat - existiert die Variable für das PHP Script und die if-Abfrage gibt als Ergebnis den Wert TRUE zurück.

Somit wird die Anweisung innerhalb der entsprechenden if-Abfrage ausgeführt.

Hier: "Es wird der Name der Stadt mittels der echo Anweisung ausgegeben."

Falls der Nutzer die ersten 3 Checkboxen angeklickt hat, sieht die Ausgabe nach der Verarbeitung des PHP Scripts wie folgt aus:

Sie haben folgende Städte angeklickt.

Gütersloh
Bielefeld
Steinhagen