Ganz ähnlich wie die Auswahlkästchen werden die Auwahlkreise in HTML umgesetzt, bei denen aber nur eines aus der Gruppe gewählt werden kann. Das type-Attribut dafür heißt "radio". Wir betrachten das Beispiel von vorhin mit geringfügigen Änderungen:
<p>Wähle deine Lieblingszutat für Obstsalat!</p>
<input name="obst" id="check-himbeeren" type="radio" value="himbeeren">
<label for="check-himbeeren">Himbeeren</label><br>
<input name="obst" id="check-trauben" type="radio" value="trauben">
<label for="check-trauben">Trauben</label><br>
<input name="obst" id="check-mangos" type="radio" value="mangos">
<label for="check-mangos">Mangos</label><br>
<input name="obst" id="check-limetten" type="radio" value="limetten">
<label for="check-limetten">Limetten</label>Der Benutzer kann nun nur genau eine der angebotenen Optionen wählen.
Aufgabe
Kopiere dieses Beispiel in dein Formular und betrachte das Ergebnis wieder. Außerdem führen wir noch ein neues Attribut ein (das auch für andere Formularelemente benutzt werden kann): das disabled-Attribut. Wie das checked-Attribut kann es ohne Wertzuweisung in das input-Element hineingeschrieben werden. Führe das bei einer der obigen Auswahlmöglichkeiten durch und schau nach, was sich dadurch verändert.