Mit Formularen können Sie Bestelllisten, Auswertungen usw. erstellen. Die Formulare werden dann entweder per E-Mail weitergeleitet oder per CGI-Script auf einem Server verarbeitet. Ein Beispiel für die Verarbeitung von Formularen per CGI ist eine Suchanfrage bei einer Suchdatenbank.
Mit <form action="(Anweisung)" method=(Methode)>
wird ein Formular eingeleitet und mit </form>
endet ein Formularbereich. Als Anweisung können Sie z.B. bestimmen, das das Formular per E-Mail verschickt wird. Mit method legen Sie fest wie die Formulardaten auf einem Server gespeichert werden.
Dafür gibt es zwei Möglichkeiten:
get |
Damit speichert ein Server die Daten in der Variable QUERY_STRING |
post |
Damit behandelt ein Server die Daten wie eine Benutzereingabe. |
Wenn Sie sich ein Formular per E-Mail zukommen lassen wollen verwenden Sie die Methode post. Sie erhalten dann einen E-Mail mit angehängter Datei die dann die Daten des Formulares enthält.
Beispiel Formular als E-Mail versenden
<form action="MailTo:Dirk_Bruederle@compuserve.com" method=post enctype="text/plain">
Die Angabe enctype="text/plain"
sorgt dafür das ein moderner Browser die Formulardaten wie normaler Text verschickt. Wenn ein Browser diese Angabe nicht versteht erhalten Sie die Formulardaten URLKodiert z.B. Suche Hilfe für HTML sieht in der ankommenden E-Mail so aus: Suche+Hilfe+f%FCr+HTML%21
Hier folgen die Elemente des Formulares wie Buttons, Eingabefelder u.s.w. In einem Formular können Sie alle HTML-Tags verwenden.
</form>
Beispiel Formular CGI-Script
<form action="../cgi/suchen.pl method=get>
Hier folgen die Elemente des Formulares wie Buttons, Eingabefelder u.s.w.
</form>
Damit wird auf dem Server der CGI-Script SUCHEN.PL ausgeführt, als Rückmeldung könnte es sein das Sie dann eine dynamisch erstellte HTML-Seite mit dem Suchergebnis erhalten.
Hinweis
Der MSIE wertet die Angabe MailTo in einem Formular nicht richtig aus, als Ergebnis erhalten Sie dann eine leere E-Mail!
Eingabefelder verwendet man für wenige Wörter z.B. Für Namen, E-Mail Adressen u.s.w.
Ein Eingabefeld wird mit <input name="(Bezeichnername)" size=(Wert) maxlength=(Wert)>
definiert.
Der Bezeichnername steht für den Namen des Eingabefeldes. Mit size=(Wert)
bestimmen Sie die Angezeigte Größe des Eingabefeldes in Zeichen und mit maxlenght=(
bestimmen Sie die maximal Anzahl von Zeichen die ein Eingabefeld haben soll.Wert
)
Verwenden Sie für Bezeichnernamen keine Umlaute, Leerzeichen und Sonderzeichen. Das einzige Sonderzeichen das erlaubt ist, ist ein Unterstrich _
Geben Sie hier Ihren Namen ein: <input name="Vor_Nachname" size=50 maxenght=80><br>
Geben Sie hier Ihre URL an: <input name="URL" size=50 maxenght=80 value="http://"><br>
Passwort: <input type=password name="Passwort" size=8 maxenght=8><br>
Hinweis
Passwörter werden trotz verdeckter Eingabe im Internet unverschlüsselt übertragen!
Zurück
Um größere Eingaben ermöglichen zu können werde mehrzeilige Eingabefelder verwendet.
Ein mehrzeiliges Eingabefeld wird mit <textarea name="(Bezeichnername)" rows=(Wert) cols=(Wert)></textarea>
definiert. Mit rows=(Wert)
bestimmen Sie die Anzahl der Angezeigten Zeilen und mit cols=(Wert)
die Anzahl der angezeigten Zeichen eines mehrzeiligen Eingabefeldes.
Wie finden Sie die Werbung von XYZ?<br>
<textarea name="Werbung" rows=10 cols=50></textarea>
<textarea name="Werbung" rows=10 cols=50>Ich finde die Werbung xyz …</textarea>
Mit der Zusatzangabe wrap=(Umbruchart)
können Sie festlegen das in einem mehrzeiligen Eingabefeld ein Umbruch erfolgen soll.
<textarea name="Werbung" rows=10 cols=50 wrap=virtual></textarea>
wrap=virtual
bewirken Sie das der Text bei der Eingabe automatisch umgebrochen wird. Bei der Versendung des Formulares werden die Zeilenumbrüche nicht verwendet.wrap=physical
bewirken Sie dasselbe wie mit wrap=virtual es werden die Zeilenumbrüche mitverschickt.
Mit wrap=off
schalten Sie den Zeilenumbruch aus.
Zurück
In Formularen können Sie auch Auswahllisten definieren die feste Einträge zur Auswahl enthalten. Eine Auswahlliste wird wie folgt definiert.
<select name="(Bezeichnername)" size=(Wert)> |
Start der Auswahlliste |
<option> Eintrag |
Es folgen die Einträge zur Auswahl |
<option> Eintrag |
|
… | |
</select> | Ende der Auswahlliste |
Mit size=(Wert)
bestimmen Sie die Anzahl der angezeigten Werte einer Auswahlliste. Wenn Sie z.B. den Wert 1 eingeben erhalten Sie eine DropDown Liste.
Mit der Angabe multiple
in einer Auswahlliste erlauben Sie eine mehrfachauswahl in einer Auswahlliste. Das heißt das mehrere Einträge ausgewählt werden können,
<select name="(Bezeichnername)" size=(Wert) multiple >
Mit <option selected>(Eintrag)
wird der Eintrag markiert und ausgewählt. Wenn Sie die Angabe multiple verwenden, können Sie auch mehrere Einträge vorselektieren.
Mit <option value="(Wert)">
können Sie einen Wert eingeben der dann anstatt des Eintrages abgeschickt wird.
Mit Radiobuttons können Sie eine Gruppe von Schaltern erstellen aus denen der Anwender nur einen Eintrag auswählen kann. Ein Radiobutton wird mit <input type=radio name="(Bezeichnername)" value="(Wert)">
definiert. Radiobutttons die den gleichen Bezeichnernamen tragen gehören zu einer Gruppe. Als value="(Wert)"
tragen Sie den Wert ein der bei Auswahl des Buttons verschickt werden soll.
<input type=radio name="Zahlmethode" value="Nachnahme"> per Nachnahme<br>
<input type=radio name="Zahlmethode" value="Vorkasse"> per Vorkasse<br>
Mit Checkbuttons können Sie eine Gruppe von Schaltern erstellen aus denen der Anwender einen oder mehrere Einträge auswählen kann. Ein Checkbutton wird mit <input type=checkbox name="(Bezeichnername)" name="(Bezeichnername)" value="(Wert)">
definiert. Checkbutton die den gleichen Bezeichnernamen tragen gehören zu einer Gruppe. Als value="(Wert)"
tragen Sie den Wert ein der bei Auswahl des Buttons verschickt werden soll.
Für welchen Bereich wünschen Sie mehr Info<br>
<input type=checkbox name="Info" value="Software"> Software<br>
<input type=checkbox name="Info" value="Hardware"> Hardware<br>
<input type=checkbox name="Info" value="Moebel"> Möbel
Mit <input type=(Typ) name="(Bezeichnername)" checked value="(Wert)">
können Sie einen Radio- oder Checkbutton voerselektieren.
Es werden zwei Bottons Standardmäßig von Formularen verwendet. Ein Button zum abschicken des Formulares und einer zum löschen des Formulares. Bei diesen Schaltern steht value="(Wert)"
für die Beschriftung des Schalters zu Verfügung.
<input type=submit value="Abschicken"> |
Schalter zum abschicken |
<input type=reset value="Verwerfen"> |
Schalter zum löschen |