Sie sind hier: Startseite -> HTML-Grundlagen -> Formulare -> Radiobutton

HTML-Grundlagen: Radiobuttons für Formulare

Radiobutton: Auswahl aus mehreren Antworten

Neben der Checkbox gibt es auch noch den Radiobutton, um in einem HTML-Formular Antwortmöglichkeiten anbieten zu können. Der Unterschied besteht darin, dass bei einer Checkbox eine Antwort angeklickt ergo ausgewählt werden kann oder nicht, jede Checkbox aber für sich steht. Beim Radiobutton gibt es verschiedene Antwortmöglichkeiten, es kann aber nur eine Antwort ausgewählt werden und die Antworten hängen zusammen.

ergibt:

Wie wird das Wetter?

Sonnig
Regnerisch
Gewittrig

Mit dem Radiobutton, einer Art von Formularfeld des input-Tags, ist es möglich, verschiedene Antworten zu einer Frage zu kombinieren. Es ist nur eine Antwort möglich, daher springt das Auswahlsymbol von Antwort zu Antwort, je nachdem, welche Antwort man gerade ausgewählt ergo aktiviert hat.

Zusammen mit den Checkboxen sind die Radiobuttons oft bei HTML-Formularen im Einsatz, um die Beantwortung von Fragen zu erleichtern und zu beschleunigen. Besonders oft werden Sie Radiobuttons bei Umfragen antreffen, wenn über ein Unternehmen bewertet werden soll, ob es gut, durchschnittlich oder schlecht agiert oder ob eine Werbekampagne gelungen ist oder nicht.

Würde man hier Checkboxen einsetzen, könnte es passieren, dass man vier Antworten zur gleichen Frage erhält. Bei den Radiobuttons ist diese Gefahr nicht gegeben, denn es kann nur eine Antwort geben. Ändert man die Antwort, dann ändert sich auch der Wert, der übergeben wird.

Mit checked kann man zudem vorselektieren, welche Antwort aktiv sein soll, wenn das Formular geladen wird.

Ebenfalls interessant:

Formular (FORM)

Informationen über den FORM-Tag, mit dem ein Formular in eine Webseite eingebaut werden kann.

Checkbox

Informationen über die Checkboxen, die in Formulare eingebaut werden können.

[aktuelle Seite]

Radiobutton

Informationen über den Radiobutton, der in HTML-Formulare für die Beantwortung genützt werden kann.

Schaltfläche

Informationen über die Schaltfläche, wie sie in Formularen programmiert wird.

Auswahlfeld

Informationen über die Auswahlliste mit Select, die bei HTML-Formularen oft genützt wird.

Auswahlfeld mehrfach

Informationen über die Auswahlliste mit select multiple, wodurch in HTML-Formulare eine Mehrfachauswahl möglich wird.

Textfeld

Informationen über das Textfeld, das in HTML-Formularen mit dem input-Tag erstellt werden kann und seine Parameter.

Mehrzeiliges Feld

Informationen über das mehrzeilige Textfeld in HTML-Formularen durch den textarea-Tag.

Verstecktes Feld

Informationen über das versteckte Formularfeld, das mit dem input-Tag unter HTML möglich wird, um interne Informationen einzubauen.

Schreibschutz

Informationen über den Schreibschutz bei Formularfelder in HTML-Formulare, der durch den Parameter readonly möglich wird.

Datei hochladen

Informationen über die Möglichkeit, Dateien über ein Formular durch den Type File des input-Tags hochzuladen.

Beschriftung

Informationen über den Label-Tag für die Beschriftung von HTML-Formularfelder und zur Formatierung mit CSS bzw. als Hilfe für barrierefreie Formulare.

Zurück zum Hauptthema

Übersicht Formulare

Startseite HTML-Grundlagen