Check Box

Was ist eine Check Box?

Dies ist ein HTML < input> -Element, das in einem Formular auf einer Webseite standardmäßig als quadratisches Kästchen angezeigt wird. Diese kann durch Anklicken aktiviert oder deaktiviert werden, um einzelne Werte für die Übermittlung in einem Formular auszuwählen oder nicht. Wenn ein Kontrollkästchen bei der Übermittlung eines Formulars deaktiviert ist, wird dem Server kein Wert übergeben. Aktivierte Boxen sind an einem Häkchen im Kästchen erkennbar.

Wie funktioniert eine Check Box?

Sie werden mithilfe des HTML-Tags < input type=“checkbox“> in eine Webseite eingebunden. Die Tags werden mit den Attributen „checked“, „disabled“ oder beiden Attributen zusammen ergänzt. Durch Hinzufügen des Attributes checked wird das Kontrollkästchen bereits mit einem gesetzten Häkchen angezeigt, es ist aktiviert. Bei der Angabe von checked und disabled zusammen, ist das Häkchen gesetzt, kann vom User aber nicht gelöscht werden. Wird nur disabled hinzugefügt, kann diese nicht aktiviert werden. Ohne Attribut ist die Box leer und kann aktiviert werden.

Wie sieht der HTML-Code aus?

Zusätzlich zu den Attributen erhält jedes Kontrollkästchen eine ID, einen Namen und einen Wert. Eine vollständige HTML-Zeile, mit der eine Check Box für die Auswahl eines Newsletters eingefügt wird, hat beispielsweise folgendes Aussehen:

<input id="subscribeNewsletter" name="subscribe" type="checkbox" value="newsletter" />

Wenn das Kontrollkästchen aktiviert ist, lautet das an den Server übermittelte Datenpaar Name / Wert „subscribe = newsletter“.