Sie sind hier: Startseite -> HTML-Grundlagen -> Formulare -> Checkbox

HTML-Grundlagen: Checkbox

Checkbox: Ja/Nein-Situationen im Formular

Das Formular auf einer Webseite wird in den meisten Fällen vor allem durch die Textfelder, die man über den input-Tag herstellen kann, entwickelt. In den Textfeldern können Zahlenwerte ebenso eingetragen werden wie auch Textinformationen.

Abseits der Textfelder, die manchmal auch mehrzeilig angeboten werden, um längere Texte schreiben zu können, gibt es aber weitere Optionen, die ebenfalls über den input-Tag hergestellt werden können. Der Unterschied wird durch den Zusatz "type" erzeugt.

ergibt:

Österreich
Deutschland
Schweiz

Eine dieser Alternativen zum Textfeld ist die Checkbox. Dabei handelt es sich um die kleinen quadratischen Felder innerhalb eines Formulares, die man per Mausklick aktivieren oder auch wieder deaktivieren kann. Sie stellen die klassische Ja/Nein-Situation dar und helfen bei komplexen Themen und Fragestellungen Zeit sparen, denn man braucht die oft langen Fragen nur per Mausklick zu beantworten.

Die Alternative wäre eine oft umständliche Frage, die Mehrarbeit beim Auswerten der Daten bedeuten würde und die auch mehr Zeit beim Beantworten in Anspruch nimmt.

Gerade bei Online-Anfrage zu Themen wie Versicherungen oder ähnlichen Fragestellungen kann man mit der Checkbox schnell abklären, ob man schon eine solche Versicherung abgeschlossen hat. Die Checkbox wird auch gerne eingesetzt, um bei einer Warenbestellung seine Zustimmung oder Ablehnung kundzutun, ob man den Newsletter über neue Angebote erhalten möchte oder nicht. Oben sehen Sie ein Beispiel mit einer Länderabfrage. Je nachdem, ob man in Österreich, Deutschland oder in der Schweiz zu Hause ist, wählt man als Besucher das entsprechende Kästchen aus.

Es gibt viele solcher Situationen beim Aufbau von Formularen und durch den input-Tag und dem Zusatz "type=checkbox" lassen sich die Checkboxen leicht erstellen. Als Ergebnis erhält man nach dem Abschicken durch die Besucher eine "1" oder "0", wobei 1 für aktiviert und 0 für deaktiviert steht. Mit der Ergänzung checked = "checked" kann man dem Vormular eine Voreinstellung mitgeben. Die Checkbox, die so definiert ist, ist bei Laden des Formulares aktiviert.

Das obige Beispiel zeigt aber auch, dass man normalen Text an das Skript schicken kann. In diesem Fall wird der Ländername mitgeteilt.

Ebenfalls interessant:

Formular (FORM)

Informationen über den FORM-Tag, mit dem ein Formular in eine Webseite eingebaut werden kann.

[aktuelle Seite]

Checkbox

Informationen über die Checkboxen, die in Formulare eingebaut werden können.

Radiobutton

Informationen über den Radiobutton, der in HTML-Formulare für die Beantwortung genützt werden kann.

Schaltfläche

Informationen über die Schaltfläche, wie sie in Formularen programmiert wird.

Auswahlfeld

Informationen über die Auswahlliste mit Select, die bei HTML-Formularen oft genützt wird.

Auswahlfeld mehrfach

Informationen über die Auswahlliste mit select multiple, wodurch in HTML-Formulare eine Mehrfachauswahl möglich wird.

Textfeld

Informationen über das Textfeld, das in HTML-Formularen mit dem input-Tag erstellt werden kann und seine Parameter.

Mehrzeiliges Feld

Informationen über das mehrzeilige Textfeld in HTML-Formularen durch den textarea-Tag.

Verstecktes Feld

Informationen über das versteckte Formularfeld, das mit dem input-Tag unter HTML möglich wird, um interne Informationen einzubauen.

Schreibschutz

Informationen über den Schreibschutz bei Formularfelder in HTML-Formulare, der durch den Parameter readonly möglich wird.

Datei hochladen

Informationen über die Möglichkeit, Dateien über ein Formular durch den Type File des input-Tags hochzuladen.

Beschriftung

Informationen über den Label-Tag für die Beschriftung von HTML-Formularfelder und zur Formatierung mit CSS bzw. als Hilfe für barrierefreie Formulare.

Zurück zum Hauptthema

Übersicht Formulare

Startseite HTML-Grundlagen