| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Formulare

# Radio- und Checkbuttons

Radiobuttons definieren
Checkbuttons definieren
Einträge bei Radio- oder Checkbuttons vorselektieren

## Radiobuttons definieren

Anzeigebeispiel: So sieht's aus

Radiobuttons sind eine Gruppe von beschrifteten Buttons, aus der der Anwender einen markieren kann. Es kann immer nur einer der Buttons markiert sein. Der Wert des markierten Buttons wird beim Absenden des Formulars mit übertragen.

#### Beispiele:

    Geben Sie Ihre Zahlungsweise an:
    <p>
    <input type=radio name="Zahlmethode" value="Mastercard"> Mastercard
    <br>
    <input type=radio name="Zahlmethode" value="Visa"> Visa
    <br>
    <input type=radio name="Zahlmethode" value="AmericanExpress"> American Express

#### Erläuterung:

Radiobuttons werden durch <input ...> definiert (input = Eingabe). Dahinter folgt die Angabe type=radio (type = Typ, radio = Radial). Jeder Radiobutton muß einen internen Bezeichnernamen erhalten, und zwar mit der Angabe name=. Alle Radiobuttons, die den gleichen Namen haben, gehören zu einer Gruppe, d.h. von diesen Buttons kann der Anwender genau einen markieren. Der Name sollte nicht zu lang sein und darf keine Leerzeichen und keine deutschen Umlaute enthalten. Verwenden Sie als Sonderzeichen höchstens den Unterstrich "_". Setzen Sie den Namen in Anführungszeichen.

Mit der Angabe value= bestimmen Sie einen internen Bezeichnerwert für jeden Radiobutton (value = Wert). Wenn der Anwender das Formular abschickt, wird der Bezeichnerwert des markierten Buttons übertragen. Setzen Sie den Bezeichnerwert in Anführungszeichen.

Hinter dem <input>-Tag geben Sie den Text ein, mit dem der Radiobutton bei der Anzeige im Browser beschriftet sein soll.

## Checkbuttons definieren

Anzeigebeispiel: So sieht's aus

Checkbuttons sind eine Gruppe von beschrifteten Buttons, aus der der Anwender keinen, einen oder mehrere markieren ("ankreuzen") kann. Die Werte von markierten Checkbuttons werden beim Absenden des Formular mit übertragen.

#### Beispiele:

    Geben Sie bei der Pizzabestellung die gew&uuml;nschten Zutaten an:
    <p>
    <input type=checkbox name="zutat" value="salami"> Salami
    <br>
    <input type=checkbox name="zutat" value="pilze"> Pilze
    <br>
    <input type=checkbox name="zutat" value="sardellen"> Sardellen

#### Erläuterung:

Checkbuttons werden durch <input ...> definiert (input = Eingabe). Dahinter folgt die Angabe type="checkbox". Jeder Checkbutton muß einen internen Bezeichnernamen erhalten, und zwar mit der Angabe name=. Alle Checkbuttons, die den gleichen Namen haben, gehören zu einer Gruppe, d.h. von diesen Buttons kann der Anwender keinen, einen oder mehrere ankreuzen. Der Name sollte nicht zu lang sein und darf keine Leerzeichen und keine deutschen Umlaute enthalten. Verwenden Sie als Sonderzeichen höchstens den Unterstrich "_". Setzen Sie den Namen in Anführungszeichen.

Mit der Angabe value= bestimmen Sie einen internen Bezeichnerwert für jeden Checkbutton (value = Wert). Wenn der Anwender das Formular abschickt, werden die Bezeichnerwerte des oder der angekreuzten Buttons übertragen. Setzen Sie den Bezeichnerwert in Anführungszeichen.

Hinter dem Tag geben Sie den Text ein, mit dem der Checkbutton bei der Anzeige im Browser beschriftet sein soll.

## Einträge bei Radio- oder Checkbuttons vorselektieren

Anzeigebeispiel: So sieht's aus

Wenn Sie nichts anderes angeben, ist bei Radio- und Checkbuttons zunächst kein Eintrag vorselektiert. Sie können bei Radiobuttons einen Eintrag und bei Checkbuttons einen oder mehrere Einträge vorselektieren.

#### Beispiel:

    Sind Sie:
    <p>
    <input type=radio name="Geschlecht" value="Mann"> ein Mann?
    <br>
    <input type=radio name="Geschlecht" checked value="Frau"> eine Frau?
    <p>
    Ich mag:
    <p>
    <input type=checkbox name="Vorliebe" checked value="Urlaub"> Urlaub
    <br>
    <input type=checkbox name="Vorliebe" checked value="Geld"> Geld

#### Erläuterung:

Um einen Radio- oder Checkbutton vorzuselektieren, setzen Sie bei der Definition des Buttons die Angabe checked hinzu.

| Blättern: |
Auswahllisten |  |  | Freie Buttons und Datei-Buttons

| HTML-Dateien selbst erstellen
|  | Dokumentation: HTML
|  |  | Formulare