HTML Radio Button Input Generator
Radio Buttons gruppieren mehrere Optionen, von denen genau eine gewählt werden kann (gleicher name).
Anwendung & Beispiele
Radio Buttons müssen denselben name teilen, sonst funktioniert die Einfachauswahl nicht. Der erste Eintrag kann mit checked vorausgewählt werden – hier vereinfacht ohne separates Vorgabe-Feld.
FAQ
Warum funktioniert die Einfachauswahl nicht?
Wahrscheinlich haben deine Radio-Buttons nicht alle denselben name. Erst dann gruppiert der Browser sie und erlaubt nur eine Auswahl.
Wie wähle ich einen Eintrag standardmäßig vor?
Mit dem Attribut checked an einem der Radio-Buttons: <input type="radio" name="x" value="a" checked>. Pro Gruppe nur einen vorauswählen.
Lässt sich die Auswahl wieder aufheben?
Nicht durch Klick — anders als Checkboxen sind Radios nach der Auswahl nicht mehr leerbar (außer durch Reset-Button oder JavaScript). Wenn du das brauchst, eine zusätzliche "Keine Auswahl"-Option anbieten.
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.