Radio-Button
Ein Radio-Button stellt ein Formular-Element in HTML dar in Form einer runden Schaltfläche, die aktiviert oder deaktiviert sein kann.
Ein Radio-Button wird mit dem Tag input
erstellt, wobei das Attribut type
den Wert radio haben muss.
Erscheinungsbild:
Ein einzelner Radio-Button wird praktisch nie
alleine verwendet, man sollte sie stets
in Gruppen verwenden. In einer Gruppe kann jedoch nur
eine der Optionen ausgewählt sein. Die Schalter
bilden nur dann eine Gruppe, wenn sie
denselben Wert für das Attribut name
haben (siehe Beispiele unten).
Beispiel
Lassen Sie uns zwei Radio-Buttons erstellen:
den ersten markieren wir (setzen das Attribut checked),
und den zweiten nicht. Dabei werden die Schalter
eine Gruppe bilden, in der
nur einer von ihnen ausgewählt sein kann (da
sie denselben Wert für das Attribut name haben).
Beachten Sie, dass diese Radio-Buttons
unterschiedliche Werte für das Attribut value
erhalten haben.
Dies ist notwendig, damit PHP nach dem Senden
der Daten an den Server erkennen kann, welcher
der Schalter ausgewählt wurde:
<input type="radio" name="test" checked value="1">
<input type="radio" name="test" value="2">
:
Beispiel
Lassen Sie uns nun zwei Gruppen von Radio-
Buttons erstellen: die erste Gruppe hat
einen Wert für das Attribut name,
und die zweite einen anderen. Versuchen Sie,
sie anzuklicken, und Sie werden sehen, dass sich die Gruppen
unabhängig voneinander umschalten:
<input type="radio" name="radio1" checked>
<input type="radio" name="radio1">
<input type="radio" name="radio1">
<br>
<input type="radio" name="radio2" checked>
<input type="radio" name="radio2">
<input type="radio" name="radio2">
:
Siehe auch
-
Checkbox,
mit der ein Auswahlkästchen realisiert werden kann -
Attribut
checked,
das den Radio-Button als ausgewählt markiert -
Pseudoklasse
checked,
die Stile für ausgewählte Radio-Buttons definiert -
Attribut
disabled,
das Formularelemente sperrt -
Tag
label,
der eine Beschriftung für den Radio-Button bereitstellt
