HTML Checkbox Input Generator
Eine an-/abwählbare Checkbox – ideal für Mehrfachauswahlen.
Anwendung & Beispiele
Eine Checkbox sendet ihren Wert nur, wenn sie angehakt ist. Mehrere Checkboxen mit gleichem name ergeben eine Mehrfachauswahl.
FAQ
Wie kommt der Wert beim Server an?
Nur wenn die Checkbox angehakt ist, wird name=value mit-übertragen. Ist sie nicht angehakt, fehlt der Parameter komplett — anders als bei Text-Inputs.
Wie gruppiere ich mehrere Checkboxen?
Mit demselben name, aber unterschiedlichem value. Bei eckigen Klammern (name="hobbies[]") werden alle gewählten Werte als Array übertragen — gängig in PHP.
Was bedeutet der "indeterminate"-Status?
Ein dritter Zustand zwischen checked/unchecked, der nur per JavaScript gesetzt werden kann (checkbox.indeterminate = true). Visualisiert oft als horizontaler Strich. Nützlich z.B. bei "Alle auswählen", wenn nur einige Unterelemente gewählt sind.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.