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:
- Das einfachste Element ist das einzeilige Eingabefeld, es wird mit
<INPUT> definiert.
- Eine Variante vom einzeiligen Eingabefeld ist
<INPUT TYPE=PASSWORD>, wobei die eingegebenen Zeichen als
"*" dargestellt werden.
- 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.
- Eine Checkbox kann mit <INPUT TYPE=CHECKBOX>
definiert werden.
- Radiobuttons werden mit <INPUT TYPE=RADIO>
eingebunden. Hierbei ist zu beachten, dass zusammengehörige Buttons
denselben Namen (s.u.) erhalten.
- 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.
- Um Formulare dann abschicken zu können braucht man Buttons.
Davon gibt es drei verschiedene:
- Einfacher Button (z.B. zum Aufruf von JavaScripten):
<INPUT TYPE=BUTTON>
- Submit (Absende)-Button: <INPUT TYPE=SUBMIT>
- 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/