HTML <input type="radio">
❮ HTML-Attribut vom Typ <input>
Beispiel
Mit Optionsfeldern kann ein Benutzer nur eine von einer begrenzten Anzahl von Auswahlmöglichkeiten auswählen:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definition und Verwendung
Das <input type="radio">definiert ein Optionsfeld.
Optionsfelder werden normalerweise in Optionsgruppen dargestellt (eine Sammlung von Optionsfeldern, die eine Reihe verwandter Optionen beschreiben). Es kann immer nur ein Optionsfeld in einer Gruppe ausgewählt werden.
Hinweis: Die Funkgruppe muss denselben Namen haben (den Wert des nameAttributs), um als Gruppe behandelt zu werden. Nachdem die Optionsgruppe erstellt wurde, werden durch Auswählen einer Optionsschaltfläche in dieser Gruppe automatisch alle anderen ausgewählten Optionsschaltflächen in derselben Gruppe deaktiviert. Sie können beliebig viele Funkgruppen auf einer Seite haben, solange jede Gruppe einen eigenen Namen hat.
Hinweis: Das valueAttribut definiert den eindeutigen Wert, der jedem Optionsfeld zugeordnet ist. Der Wert wird dem Benutzer nicht angezeigt, ist aber der Wert, der beim „Senden“ an den Server gesendet wird, um zu identifizieren, welches Optionsfeld ausgewählt wurde.
Tipp: Fügen Sie immer das <label>Tag für bewährte Zugänglichkeitspraktiken hinzu!
Browser-Unterstützung
| Attribute | |||||
|---|---|---|---|---|---|
| type="radio" | Yes | Yes | Yes | Yes | Yes |
Syntax
<input type="radio">
❮ HTML-Attribut vom Typ <input>