Formulare

0. Allgemeines

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.

1. Textfelder

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>

Name:

2. Schaltflächen

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>

Name:

 

3. Kontrollkästchen

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.

Lachen ja

 

4. Optionsfelder

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

Name:

Zahlung Rechnung Visa

 

5. Mehrzeilige Textfelder

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>

Ihre Meinung:

 

6. Auswahlfelder

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>