HTML - Optionsschaltflächen

  »   HTML  »   HTML Tutorial - Radio Buttons

Die Radio-Buttons werden verwendet, damit der Benutzer eine der aufgeführten Optionen zur Auswahl hat. Um diese Art von Formular zu machen, werden wir zunächst einen Namen zu den Feldern geben müssen.

html<p>Nationalität wählen </p>
<p>
	
	Englisch: <input type="radio" name="citizenship" /><br />
	Rumänisch: <input type="radio" name="citizenship" /><br />
	Spanisch: <input type="radio" name="citizenship" />
</p>

Demo

Nationalität wählen

Englisch:
Rumänisch:
Spanisch:

Die Angabe eines Namens für die Kategorie, deren Formular ein Teil ist, wird den Browser wissen lassen, wie man den Unterschied zwischen mehr als einer Radio-Button Gruppe macht, damit eine einzige Antwortvariante für jede Gruppe und jedes Formular ermöglicht wird.

Erweitertes Beispiel:

html<p>Nationalität wählen</p>
<p>
	Englisch: <input type="radio" name="citizenship" /><br />
	Rumänisch: <input type="radio" name="citizenship" /><br />
	Spanisch: <input type="radio" name="citizenship" />
</p>

<p>Geschlecht wählen</p>
<p>
	Mann: <input type="radio" name="sex" /><br />
	Frau: <input type="radio" name="sex" />
</p>

Demo

Nationalität wählen

Englisch:
Rumänisch:
Spanisch:

Geschlecht wählen

Mann:
Frau:

HTML - Radio-Buttons ausgewählt 'standardmäßig'

Wie bei den Kontrollkästchen können die Radio-Buttons ausgewählt werden, um die Arbeit des Benutzers zu erleichtern.

html<p>Nationalität wählen</p>
<p>
	Englisch: <input type="radio" name="citizenship" checked="yes" /><br />
	Rumänisch: <input type="radio" name="citizenship" /><br />
	Spanisch: <input type="radio" name="citizenship" />
</p>

Demo

Nationalität wählen

Englisch:
Rumänisch:
Spanisch:

Jede der Optionen kann ausgewählt werden, nicht unbedingt das erste. Auch ist es gut, diese Methode zu verwenden (bestimmter Buttons zu wählen), mit Maßen und nur dann, wenn die erforderlichen Informationen nicht von großer Bedeutung sind. Es ist möglich, dass der Benutzer aus Bequemlichkeit oder Unaufmerksamkeit, die bereits gewählte Option wählt, obwohl es in diesem Fall nicht die richtige für ihn ist.