Der Körper - Formulare und ihre Auswertung


Für eine in die Webseite eingebundenen Kommunikations- oder Berechnungsmöglichkeiten sind Formulare vorgesehen. Diese können entweder an eine E-Mail-Adresse geschickt, von einem Javascript oder einem CGI-Script ausgewertet werden.

Um Formularelemente definieren zu können muss zunächst der öffnende <FORM>-Tag notiert werden.
Hier kann zwischen den Übertragungsmethoden POST und GET gewählt werden, wobei bei einem Mail-Formular stehts POST zu wähelne ist. Bsp.: METHOD=POST
Dann muss noch bei ACTION angegeben, was beim Absenden passieren soll. Um ein Formular an eine Mail-Adresse zu schicken sollte das Attribut so aussehen: ACTION="mailto:name@domain.xxx"
Für ein CGI-Script muss auf die Datei verwiesen werden.

Und nun die einzelnen Formular-Elemente:

  1. Das einfachste Element ist das einzeilige Eingabefeld, es wird mit <INPUT> definiert.
  2. Eine Variante vom einzeiligen Eingabefeld ist <INPUT TYPE=PASSWORD>, wobei die eingegebenen Zeichen als "*" dargestellt werden.
  3. Ein mehrzeiliges Textfeld wird mit <TEXTAREA></TEXTAREA> definiert. Dabei wird Text, der zwischen den beiden Tags steht, als vorgegebener Text in das Textfeld geschrieben.
    Ein weiteres Attribut ist WRAP, was den Zeilenumbruch kontrolliert: VIRTUAL bewirkt sichtbare Zeilenumbrüche, die aber nicht übertragen werden. PHYSIKAL erstellt Zeilenumbrüche, die auch übertragen werden. Die Voreinstellung off lässt keine Zeilenumbrüche zu.
    Mit ROWS kann die Höhe des Feldes in Zeilen angegeben werden, mit COLS die Breite in Zeichen.
  4. Eine Checkbox kann mit <INPUT TYPE=CHECKBOX> definiert werden.
  5. Radiobuttons werden mit <INPUT TYPE=RADIO> eingebunden. Hierbei ist zu beachten, dass zusammengehörige Buttons denselben Namen (s.u.) erhalten.
  6. Ferner gibt es Dropdown-Felder/Auswahllisten, die eine Liste verschiedene Einträge beinhalten. Diese werden mit <SELECT> erstellt.
    Ein darin enthaltener Eintrag wird mit <OPTION>Text hinzugefügt.
    Hinter dem letzen <OPTION>-Tag muss die Liste mit </SELECT> geschlossen werden.
    Fügt man die Angabe SIZE in den öffnenden SELECT-Tag ein und wießt diesem eine Wert von >1 zu, so erh&uaml;lt man eine Liste, in der soviele Einträge untereinander stehen, wie angegeben.
    Soll bei Auswahlfeldern eine Mehrfachasuwahl m&oum;glich sein, so muss noch MULTIPLE angegeben werden.
    Wenn ein Wert vorselektiert sein soll, muss in dem zugehörigen OPTION-Tag selected eingefügt werden.
  7. Um Formulare dann abschicken zu können braucht man Buttons. Davon gibt es drei verschiedene:
    1. Einfacher Button (z.B. zum Aufruf von JavaScripten): <INPUT TYPE=BUTTON>
    2. Submit (Absende)-Button: <INPUT TYPE=SUBMIT>
    3. Reset (Löschen)-Button: <INPUT TYPE=RESET>
      Wenn auf diesen Button geklickt wird werden allen Elementen die Standard-Text etc. zugewiesen.
Bei 1., 2. und 7. kann mit VALUE="Text" ein vorgegebener Text bzw. die Buttonbeschriftung definiert werden. Bei den anderen Elementen wird der Text definiert, der bei Auswahl übertragen wird.
Einzeiligen Eingabefeldern und Passwort-Feldern kann man mit maxlength eine Maximallänge zuweisen.
Bei Checkboxen und Radiobuttons kann man checked notieren, um das entsprechende Element defaultmäßig zu selektieren.
Mit NAME="elementname" kann jedem Element ein Name zugewiesen werden, der beim Übertragen weitergegeben wird.
Ferner kann man alle Elemente (außer Buttons) auf nur-lese-Status setzen: Einfach readonly in den entprechenden Tag einfügen.
Mit disabled kann man Elemente deaktivieren und somit ausgrauen.

Zm Thema CGI habe ich mit einem Freund bezüglicher einer Informatik-Hausarbeit eine kleine CGI-Script-"Dokumentation" geschrieben:
http://www.nils-heuermann.de/perl/


Beispiel (*klick*)


[ << ] [ ©opyrights @ Web Laboratiory ] [ E-Mail: webdesign@nils-heuermann.de ] [ top ] [ >> ]