Formulare dienen zur Ausgabe und Eingabe von
Informationen. Die Eingabe erfolgt über HTML, wobei der Nutzer mittels Tastatur
oder Maus ausfüllen kann. Die Informationen werden dann an einen Server (eine
Email-Adresse) gesendet. Meist werden sie an den Empfänger als Email gesandt.
Das Formular wird mit dem <form>
</form> Container definiert. Der Parameter Action reglt
was, mit dem Inhalt geschehen soll, z.B. an eine Email-Adresse senden.
Soll der Formularinhalt an eine Email-Adresse
gesendet werden, lautet der FORM-Tag dann:
<form action="mailto:abc@def.de"
method="Post">
Eingabefelder werden mit dem Tag <input> eingegeben, die Art des Eingabefeldes legt der
Parameter Type fest.
Mit dem Parameter Text (=Textfeld) erhält man
ein einzeiliges Textfeld. Zusätzliche Parameter sind:
SIZE regelt die Länge des Eingabefeldes in zeichen
MAXLENGTH gibt die Anzahl der Zeichen an, die
maximal eingegeben werden darf
VALUE definiert eine Vorgabe wert
Der folgende Container ergibt:
<form>
Name:<input type="text"
name="Name" size=60 maxlength="60">
</form>
Es können auch Schaltflächen erzeugt werden,
was besonders zum Versenden oder Löschen der Eingabe notwendig sein kann.
<form>
Name:<input type="text"
name="Name" size=60 maxlength="60">
<input
type=submit value="Daten
senden">
<input
type=reset value="Daten
zurücksetzen">
</form>
Kontrollfelder werden Felder genannt, die
angewählt sein können oder nicht. Dazu kann mit der Maus ein haken in das
Kontrollkästchen (engl: checkbox
gesetzt werden.
<input
type=checkbox value="AAA">
Der Parameter value
liefert einen Textwert an den Server oder die Emailadresse.
Optionsfelder (engl. Radiobuttons) werden
fast immer zu mehreren verwendet, denn sie bieten mehrere Wahlmöglichkeiten.
Mit dem Parameter value wird der Textwert, wenn der
Radiobutton aktiviert wird, an den Server oder die Email weitergeleitet.
<input
type=radio name="Zahlungsart"
value="rechnung"> Rechnung
<input type=radio name="Zahlungsart" value="visa">
Visa
Mehrzeilige Textfelder ermöglichen die Eingabe längerer Texte.
Diese Felder werden nicht mit dem Input-Tag erzeugt, sondern besitzen einen
eigenen <textarea>- </textarea>-Container.
Mit dem Parameter ROWS werden die Anzahl der Zeilen, mit COLS die Anzahl der
Zeichen (Spalten) angegeben. Mit dem Parameter NAME wird das Feld eindeutig
gekennzeichnet.
<textarea rows=10 cols=40 name="Feld1"> </textarea>
Ebenso wie mehrzeilige
Textfelder werden Auswahlfelder oder -boxen mit einem eigenen Container <select> </select>erstellt.
Mit dem <option> Tag werden die
Auswahlmöglichkeiten definiert. Der parameter NAME
legt wieder einen eindeutigen Namen fest, der Parameter SIZE gibt die Anzahl
der Anwahlmöglichkeiten an die auf einmal zu sehen sind, mit dem Parameter
MULTIPLE wird eine Mehrfachauswahl ermöglicht.
<select
name="Auswahl1" size=3>
<option
value="Möglichkeit1">Möglichkeit1
<option value="Möglichkeit2">Möglichkeit2
<option
value="Möglichkeit3">Möglichkeit3
<option
value="Möglichkeit4">Möglichkeit4
<option
value="Möglichkeit5">Möglichkeit5
</select>