HTML: Checkbox erstellen – So gehts!

Ad

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.
HTML
<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:
HTML
<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


Weitere Beiträge auf Blogseite.com




Kennst du schon diese Memes?