Service Tipps HTML CSS JavaScript PHP MySQL Webdesign Linkliste SiteMap

Radiobuttons sind eine Gruppe von beschrifteten Optionsfeldern. Eine Gruppe von Optionsfeldern ist so etwas wie eine Radioleiste, wo der Radiohörer immer nur einen Sender (Optionsfeld) hören (markieren) kann. Entscheidet er sich nun für einen anderen Sender (anderes Optionsfeld), wird der ursprüngliche Sender (ursprüngliches Optionsfeld) zurückgesetzt. Also, es kann immer nur ein Optionsfeld markiert sein.

Radiobuttons werden durch <input>-Tag einleitend definiert. Dahinter muß die Angabe type="radio" folgen.

Jeder Radiobutton muß auch einen internen Namen haben, der mit dem Attribut name="" definiert wird, wobei alle Radiobuttons mit gleichem Namen zu einer Gruppe gehören, d.h. von diesen Optionsfeldern kann der Anwender nur immer einen markieren.

Damit der Empfänger des Formulares nun auch genau weiß, welches Optionsfeld markiert wurde, wird jedes Optionsfeld zusätzlich noch mit dem Attribut value="" bezeichnet. Wird das Formular nun gesendet, wird die Bezeichnung des markierten Optionsfeldes gesendet.

• Und so wird eine Gruppe von Radiobuttons definiert:

<form name="Beispielformular"
 action="mailto:name@provider.xy" method="post">

 Wie finden Sie dieses Beispiel?<br>
 <input type="radio" name="Beispiel" value="sehrgut"> sehr gut
 <input type="radio" name="Beispiel" value="gut"> gut
 <input type="radio" name="Beispiel" value="schlecht"> schlecht

</form>

Hier noch einen Tipp:
Mit dem Attribut checked="checked" können Sie einen einzelnen Radiobutton als markiert definieren (geht natürlich nur einmal in einer Gruppe von Radiobuttons).

 

• Wie werden Checkboxen definiert?

Checkboxen sind ähnlich wie die Radiobuttons eine Gruppe von beschrifteten Optionsfeldern. Hier jedoch kann der Nutzer keinen, einen oder mehrere Optionsfelder markieren (mit einem Häkchen versehen). Beim Definieren von Checkboxen gelten bis auf zwei Ausnahmen genau die gleichen Regeln, wie für Radiobuttons:

1. Ausnahme:
   Checkboxen werden durch <input> einleitend definiert. Dahinter muß die Angabe type="checkbox" folgen.
   
   
2. Ausnahme:
   Der oder die Wert(e) von markierten Checkboxen werden beim Absenden des Formulars mit übertragen.

• Und so wird eine Gruppe von Checkboxen definiert:

<form name="Beispielformular"
 action="mailto:name@provider.xy" method="post">

 Warum finden Sie dieses Beispiel gut?<br>
 Es ist:
 <input type="checkbox" name="Beispiel" value="klardeutl"> übersichtlich
 <input type="checkbox" name="Beispiel" value="aussagekr"> aussagekräftig
 <input type="checkbox" name="Beispiel" value="bunt"> bunt

</form>

Und hier noch einen Tipp:
Mit dem Attribut checked="checked" können Sie einen einzelnen Radiobutton als markiert definieren (geht natürlich nur einmal in einer Gruppe von Radiobuttons).

 Das könnte Sie interessieren:
ASCII, Unicode, Steuerzeichen,, Escape-Codes Binärzahlen und Sonderzeichen.  Schriftfamilie  Frameset Vorlagen (4)  Farben und ihre Wirkung  Regenbogenfarben  Alternativtext - Beim Attribut alt= geben Sie einen Alternativtext an, für den Fall, dass die Grafik nicht angezeigt werden kann. Der Alternativtext dient auch zur Information...  Linie zwischen Bild und Link entfernen - Bild und Text wird in einem Link eingebunden. Dazwischen entsteht aber eine hässliche Linie. So einfach können Sie diese entfernen...  Quelltext mit Format - Es gibt gute Gründe einen Quelltext zu formatieren  Der Input-Tag (1)  Schriftarten  Kommentare - Ein HTML- oder JavaScript-Quelltext, der zum Beispiel mit Leerzeilen und Einrückungen übersichtlich aufgebaut ist und an entscheidenden Stellen Umbrüche und Kommentare aufweist, ist deutlich leichter zu pflegen.  …mehr