Formulare sind interaktive Webelemente und müssen in ihrem Grundaufbau Informationen über den Empfänger und die Art des Versandes enthalten.
Die Definition der Formulare kann in zwei Varianten erfolgen:
nach der Versandart per EMail
nach der Versandart CGI -Schnittstelle (CGI = Common Gateway Interface)
Einzeilige Eingabefelder:
Hierbei sind:
type="..." - Eingabefeldtyp für Text bzw. Zahlen und Paßwörter... name="..." - interner Name des Eingabefeldes (Datenfeldname) size="..." - sichtbare Anzahl der einzugebenden Zeichen (Breite des Eingabefeldes) maxlength="..." - maximal mögliche Zeicheneingabe (Datenfeldgröße in Byte) value="..." - Vorbelegung des Eingabefeldes
Mehrzeilige Eingabefelder:
Beispiel:
Eingabefelder nur Lesen:
Beispiel:
Auswahllisten:
Auswahllisten enthalten eine endliche Anzahl von zu selektierenden Objekten, die per Mausklick ausgewählt werden. Diese Optionen werden unter dem Namen der Auswahlliste zusammengefaßt (name="Listenname").
Beispiel:
Radiobuttons:
Radiobuttons sind Entscheidungsfelder, die sich bei gleichem Namen gegenseitig ausschließen.
Beispiel:
Monitorauswahl:
17 Zoll
19 Zoll
21 Zoll
24 Zoll
Um einen Radiobutton vorzuselektieren, wird innerhalb des Input-Tags das Attribut checked verwendet. Das Attribut darf allerdings innerhalb einer Gruppe (z.B. name="monitor") nur einmal verwendet werden.
Eine einmal innerhalb einer Gruppe verwendete Markierung eines Buttons kann unter HTML nicht mehr gelöscht, sondern nur noch umgeschaltet werden.
Checkboxen:
Checkboxen sind Auswahlfelder, die einzeln oder in Gruppen zusammengefaßt werden können. Zusammengehörige Checkboxen erhalten einen gemeinsamen Namen. Checkboxen können auch nach erfolgter Auswahl mit erneutem Mausklick wieder zurückgesetzt werden. Auch können mehrere Checkboxen oder aber auch gar keine Checkbox ausgewählt werden.
Beispiel:
Wählen Sie eine oder mehrere Zeitschriften aus, die Sie abonnieren möchten:
PC Intern
CHIP
Computer Bild
Absende -und Löschbuttons:
Mit Aktivierung des Sendebuttons wird die am Formularbeginn definierte Aktion der Weiterverarbeitung der Formularinhalte gestartet. D.h., ist im Attribut action eine EMailadresse eingetragen und als method ist post definiert, so wird der Formularinhalt als String in einer EMail an die genannte Adresse verschickt.
Das Eingabefeld vom Typ reset setzt alle Formulareinträge zurück (Löschen der Einträge).