Checkbox HTML · nativ

Ein Haken. Vier Signale.

Eine Checkbox braucht type="checkbox", eine sichtbare Beschriftung über for und id sowie name und value. Brauchen mehrere Optionen eine gemeinsame Frage, verbinden fieldset und legend die Gruppe. Nur gewählte Werte landen in FormData.

Live-Signalweg

Was der Browser aus einem Input macht.

Beschriftung anklicken oder mit Tab und Leertaste umschalten.

fieldset + legendGruppenkontext: Welche Updates möchten Sie?
type="checkbox"Rolle + Zustand: checkbox · Newsletter: false · Angebote: false
label · for ↔ idNamen: Newsletter · Angebote
name + valueFormData: kein Eintrag

Kein role und kein aria-checked: Die native Checkbox liefert beides selbst.