Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex bei Google empfehlen Onlex auf Twitter verwenden

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 ^



© 2002 - 2016 · www.onlex.de - HomepageTools | Impressum | Sitemap