Checkboxen

In HTML werden Kontrollkästchen verwendet, um eine Gruppe von Optionen zu erstellen, aus der der Benutzer mehrere Optionen auswählen kann. Kontrollkästchen werden mithilfe des Tags <input> erstellt, wobei das Attribut type auf "checkbox" gesetzt wird.

Hier ist die grundlegende Syntax zum Erstellen eines Kontrollkästchens 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 Kontrollkästchen festlegt.
• id: Ein Attribut, das dem Kontrollkästchen eine eindeutige Kennung gibt.

• name: Ein Attribut, das Kontrollkästchen gruppiert. Im Gegensatz zu Optionsfeldern können mehrere Kontrollkästchen mit demselben Namen gleichzeitig ausgewählt werden.
• value: Ein Attribut, das den mit dem Kontrollkästchen verbundenen Wert angibt. Dieser Wert wird an den Server gesendet, wenn das Formular übermittelt 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 Kontrollkästchen, die alle derselben Gruppe angehören, weil sie dasselbe name-Attribut ("mygroup") verwenden. Jedes Kontrollkästchen hat eine eindeutige id und einen eindeutigen 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 Kontrollkästchen an den Server gesendet.