Checkboxen

In HTML werden Checkboxen verwendet, um eine Reihe von Optionen zu erstellen, bei denen der Benutzer mehrere Optionen aus der Gruppe auswählen kann. Checkboxen werden mit dem <input>-Tag erstellt, wobei das type-Attribut auf "checkbox" gesetzt ist.

Hier ist die grundlegende Syntax zum Erstellen einer Checkbox in HTML:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: Das Tag, das das Eingabefeld definiert.
• type="checkbox": Ein Attribut, das den Eingabetyp als Checkbox festlegt.
• id: Ein Attribut, das der Checkbox eine eindeutige Kennung gibt.

• name: Ein Attribut, das Checkboxen gruppiert. Im Gegensatz zu Radio-Buttons können mehrere Checkboxen mit demselben Namen gleichzeitig ausgewählt werden.
• value: Ein Attribut, das den mit der Checkbox verknüpften Wert angibt. Dieser Wert wird an den Server gesendet, wenn das Formular abgeschickt wird.

• <label>: Ein Tag, das eine anklickbare Beschriftung für das Kontrollkästchen bereitstellt. Das for-Attribut des Labels sollte mit dem id-Attribut des Kontrollkästchens übereinstimmen.

Hier ist ein Beispiel dafür, wie man eine Gruppe von Kontrollkästchen erstellt:

<form>
	<input type="checkbox" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label><br>
	
	<input type="checkbox" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label><br>
	
	<input type="checkbox" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label><br>
</form>

In diesem Beispiel haben wir ein Formular mit drei Checkboxen, die alle zur gleichen Gruppe gehören, da sie dasselbe name-Attribut ("mygroup") teilen. Jede Checkbox hat eine eindeutige id und einen value sowie ein entsprechendes Label. Wenn der Benutzer eine oder mehrere dieser Optionen auswählt und das Formular absendet, werden die Werte der ausgewählten Checkboxen an den Server gesendet.