Logo von www.onlex.de
Formular Workshop

Lerne das Erstellen von HTML-Formularen für deinen Onlex-Formmailer
Onlex auf Facebook verwenden Onlex auf Twitter verwenden

Checkboxen
<input>

Mit Checkboxen kann der Besucher mehrere Optionen auswählen. Sie zeichnen sich durch ankreuzbare Quadrate aus.

Beispiel:




Quelltext-Auszug:

<input type="checkbox" name="Programm[]" value="Gästebuch"> Gästebuch<br>
<input type="checkbox" name="Programm[]" value="Counter"> Counter<br>
<input type="checkbox" name="Programm[]" value="Formmailer"> Formmailer

Checkboxen werden mit dem <input>-Befehl definiert. Ähnlich wie bei Eingabefeldern und Radiobuttons unterscheiden sich die verschiedenen Felder im type-Attribut. Für Checkboxen wird das type-Attribut "checkbox" genommen.
Im obigen Beispiel wurde das name-Attribut mit einem Array versehen. Siehe hierzu auch das Kapitel zu den Auswahllisten.
Der Wert im value-Attribut wird beim Versand übermittelt.

Es gibt jedoch auch die Möglickeit ohne Arrays zu arbeiten. Hierbei erhalten die name-Attribute keinen Gruppennamen, sondern den eigentlichen Wert:

Quelltext-Auszug:

<input type="checkbox" name="Gästebuch"> Gästebuch<br>
<input type="checkbox" name="Counter"> Counter<br>
<input type="checkbox" name="Formmailer"> Formmailer

In diesem Beispiel wurde das value-Attribut entfernt. Die Ausgabe bei Versand könnte dann so aussehen:

Gästebuch: on
Counter: on
Formmailer: on

Hier wird beschrieben, dass die Felder aktiviert (on) wurden. Es ist jedoch auch möglich einen eigenen Wert im value-Attribut zu definieren, wie z.B. "ausgewählt" oder "wird genutzt".

Ähnlich wie bei Radiobuttons und Auswahllisten können Einträge vorselektiert werden:




Quelltext-Auszug:

<input type="checkbox" name="Programm[]" value="Gästebuch"> Gästebuch<br>
<input type="checkbox" name="Programm[]" value="Counter" checked> Counter<br>
<input type="checkbox" name="Programm[]" value="Formmailer"> Formmailer

Einträge werden genau wie bei Radiobuttons mit dem Attribut checked vorselektiert.


zum Seitenanfang



© 2002 - 2022 · www.onlex.de - HomepageTools | Impressum | Sitemap