SELFHTML: HTML / Formulare / Radiobuttons und Checkboxen
Description: (SELFHTML 7.0) Wie Sie in HTML-Formularen Radiobuttons und Checkboxen definieren
Keywords: SELFHTML, HTML, Formulare, Radiobuttons, Checkboxen

SELFHTML/Quickbar HTML Formulare

| ## Radiobuttons und Checkboxen
| Radiobuttons definieren Checkboxen definieren Einträge 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.

### Beispiel:

    Geben Sie Ihre Zahlungsweise an:
    <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`. Jeder Radiobutton muß einen internen Bezeichnernamen erhalten, und zwar mit dem Attribut `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 dem Attribut `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.

## Checkboxen definieren

Anzeigebeispiel: So sieht's aus

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

### Beispiel:

    <p>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:

Checkboxen werden durch `<input ...>` definiert (input = Eingabe). Dahinter folgt die Angabe `type="checkbox"`. Jede Checkbox muß einen internen Bezeichnernamen erhalten, und zwar mit der Angabe `name=`. Alle Checkboxen, die den gleichen Namen haben, gehören zu einer Gruppe, d.h. von diesen Elementen kann der Anwender keines, eines 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 dem Attribut `value=` bestimmen Sie einen internen Bezeichnerwert für jede Checkbox (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 die Checkbox bei der Anzeige im Browser beschriftet sein soll.

## Einträge vorselektieren

Anzeigebeispiel: So sieht's aus

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

### Beispiel:

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

### Erläuterung:

Um einen Radiobutton oder eine Checkbox vorzuselektieren, setzen Sie bei der Definition des Buttons das Attribut `checked` hinzu.

weiter: | Klick-Buttons
zurück: | Auswahllisten und Menüstruktur

SELFHTML/Quickbar HTML Formulare

© 1998 Stefan Münz, muenz@csi.com