Zum Inhalt springen

Radiobutton

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 18.10.2026

Radiobuttons sind eine Gruppe von Schaltern, von denen genau einer gewählt werden kann. Die Gruppe entsteht über den gemeinsamen Namen.

Radiobutton

Formularfeld, das zusammen mit gleichnamigen Feldern eine Gruppe bildet, aus der genau eines gewählt werden kann.
Beispiel: „Ein Radiobutton gehört immer zu einer Gruppe.“

Der Name macht die Gruppe

Ein Formular in einem beschrifteten Rahmen: Textfeld, Auswahlliste, zwei Radioschalter, eine Checkbox, ein mehrzeiliges Feld und ein Absendeknopf, jeweils rechts mit ihrem Markup benannt.
Die beiden Schalter unter „Paket“ bilden eine Gruppe: Es lässt sich nur einer wählen.
<input type="radio" name="paket" value="basis" id="p1">
<label for="p1">Basis</label>
<input type="radio" name="paket" value="komfort" id="p2">
<label for="p2">Komfort</label>

Gleicher Name, verschiedene Werte. Wer den Namen vergisst, bekommt Schalter, die sich unabhängig voneinander setzen lassen, und wundert sich.

Wann sie besser sind als eine Liste

Bei bis zu fünf Optionen, weil alle sichtbar sind und ein Klick genügt. Eine Auswahlliste verbirgt die Möglichkeiten hinter einem zusätzlichen Schritt und lohnt erst bei längeren Listen.

Siehe auch:

Checkbox

Ein Kästchen zum Anhaken, unabhängig von anderen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

select (Dropdown)

Eine Liste zum Aufklappen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

input-Element

Ein Element, viele Erscheinungsformen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

label-Element

Die Beschriftung, die am Feld hängt.

#Frontend-Entwicklung (HTML, CSS, JavaScript)