HTML: Checkbox erstellen – So gehts!

Wenn du in HTML eine Checkbox erstellen und einfügen möchtest dann geht das relativ einfach. In dem folgenden Beispielcode siehst du wie man eine Checkbox einfügt.

Checkboxen in HTML erstellen: So geht’s!

Um eine Checkbox zu erstellen, verwendest du einfach das <input>-Tag mit folgenden Attributen:

• type="checkbox": Definiert den Input als Checkbox.
• name: Legt einen eindeutigen Namen für die Checkbox fest, der für die Formularverarbeitung verwendet wird.
• value: Legt den Wert fest, der übermittelt wird, wenn die Checkbox aktiviert ist.

<input type="checkbox" name="topping" value="chocolate">
<label for="topping">Schokolade</label>

Ergebnis

Erklärung:

• In diesem Beispiel erstellt der Code eine Checkbox mit dem Namen „topping“ und dem Wert „chocolate“.
• Die Checkbox wird mit einem Label mit dem Text „Schokolade“ verbunden, indem das for-Attribut des Labels auf die ID der Checkbox gesetzt wird.

Optional:

• Du kannst die Checkbox mit dem Attribut checked standardmäßig aktivieren:

<input type="checkbox" name="topping" value="chocolate" checked>

Ergebnis

• Beschriftung: Ein Label ist empfehlenswert, um die Checkbox klar zu beschreiben.
• Gruppen: Mit dem Attribut name kannst du Checkboxen gruppieren, so dass nur eine Option pro Gruppe ausgewählt werden kann.
• JavaScript: Du kannst JavaScript verwenden, um das Verhalten von Checkboxen dynamisch zu steuern.

Über mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite