Formulare

  1. Formulare definieren
  2. Einzeilige Eingabefelder
  3. Mehrzeilige Eingabefelder
  4. Auswahllisten
  5. Radio- und Checkbutton
  6. Buttons zum Abschicken

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.

Formulare definieren

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.

Anzeigebeispiel

Hinweis
Der MSIE wertet die Angabe MailTo in einem Formular nicht richtig aus, als Ergebnis erhalten Sie dann eine leere E-Mail!

Zurück

Eingabefelder

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=(Wert) bestimmen Sie die maximal Anzahl von Zeichen die ein Eingabefeld haben soll.
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 Ihren Namen ein:

Weitere Angaben in Eingabefeldern:

Textvorbelegung in Eingabefeldern

Geben Sie hier Ihre URL an: <input name="URL" size=50 maxenght=80 value="http://"><br>

Geben Sie hier Ihre URL an:

Eingabefeld für Passwort

Passwort: <input type=password name="Passwort" size=8 maxenght=8><br>

Passwort:

Hinweis
Passwörter werden trotz verdeckter Eingabe im Internet unverschlüsselt übertragen!
Zurück

Mehrzeilige Eingabefelder

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>


Wie finden Sie die Werbung von XYZ?

Weitere Angaben in mehrzeiligen Eingabefeldern:

Textvorbelegung

Schreiben Sie einfach den Text in den Bereich der Textarea.

<textarea name="Werbung" rows=10 cols=50>Ich finde die Werbung xyz …</textarea>

Umbruchkontrolle

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>



Mit wrap=virtual bewirken Sie das der Text bei der Eingabe automatisch umgebrochen wird. Bei der Versendung des Formulares werden die Zeilenumbrüche nicht verwendet.
Mit 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

Auswahllisten

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.



Weitere Angaben in Auswahllisten

Mehrfachauswahl

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 >



Einträge vorauswählen

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.



Andere Werte als Einträge abschicken

Mit <option value="(Wert)"> können Sie einen Wert eingeben der dann anstatt des Eintrages abgeschickt wird.

Zurück

Radio- und Checkbutton

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>


per Nachnahme
per Vorkasse



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

Für welchen Bereich wünschen Sie mehr Info
Software
Hardware
Möbel



Einträge vorselektieren

Mit <input type=(Typ) name="(Bezeichnername)" checked value="(Wert)"> können Sie einen Radio- oder Checkbutton voerselektieren.

Für welchen Bereich wünschen Sie mehr Info
Software
Hardware
Möbel


Zurück

Buttons zum Abschicken

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
 

Zurück