Radiobuttons
<input>
Radiobuttons sind eine weitere Möglichkeit eine Auswahl zu treffen. Sie zeichnen sich durch die runden "Knöpfe" aus.
Hierbei beschränkt sich jedoch die Auswahl auf lediglich
einen Punkt.
Wenn man mehrere Punkte auswählen möchte, so empfiehlt es sich auf
Auswahllisten oder
Checkboxen zurückzugreifen.
Hier ein Beispiel für Radiobuttons:
Quelltext-Auszug:
<input type="radio" name="Auswahl" value="Gästebuch"> Gästebuch<br>
<input type="radio" name="Auswahl" value="Counter"> Counter<br>
<input type="radio" name="Auswahl" value="Formmailer"> Formmailer
Genau wie
Eingabefelder werden Radiobuttons mit dem
input
-Befehl eingeleitet. Der Unterschied besteht lediglich beim
type
-Attribut:
type="radio"
.
Nachfolgend kommt wie gewohnt das
name
-Attribut und das
value
-Attribut. Die Werte bei diesen Attributen werden übermittelt.
Hierbei ist zu beachten, dass das
name
-Attribut für eine Gruppe von Radiobuttons stets den selben Wert haben muss. Hier:
name="Auswahl"
. Wenn man mehrere Radiobuttons zu verschiedenen Themen haben möchte, so muss man die Namen ändern und sie dürfen sich nicht in einem Formular wiederholen.
Generell: Der Wert im
name
-Attribut darf in ein und dem selben Formular nur einmal vorkommen, da sonst ein nachfolgender Eintrag des selben Namens den vorhergehenden überschreiben würde.
Dies gilt für alle Formular Elemente.
Radiobuttons können auch vorselektiert werden:
Quelltext-Auszug:
<input type="radio" name="Programm" value="Gästebuch"> Gästebuch<br>
<input type="radio" name="Programm" value="Counter" checked> Counter<br>
<input type="radio" name="Programm" value="Formmailer"> Formmailer
Identisch wie bei
Checkboxen werden Einträge mit
checked
vorausgewählt.
Verglichen mit
Auswahllisten:
selected
im einleitenden
<option>
-Befehl.
↑
zum Seitenanfang ↑