## HTML-Formulare und CGI

| Formulardaten übertragen mit GET oder POST Datenstrom bei Übertragung von Formulardaten

## Formulardaten übertragen mit GET oder POST

Das Hypertext Transfer Protocol (HTTP) ist das Übertragungsprotokoll, mit dem Web-Browser und Web-Server Daten austauschen. Dafür gibt es HTTP-Anfragemethoden. Zwei HTTP-Anfragemethoden sind im Zusammenhang mit der Übertragung von Formulardaten von Bedeutung:

- `GET`
  In einem HTML-Formular erzwingen Sie diese Methode durch die Angabe von `method="get"` im einleitenden `<form>`-Tag. Bei dieser Angabe werden die ausgefüllten Formulardaten zuerst an die Server-Software übertragen und von dieser in einer bestimmten Umgebungsvariablen mit dem Namen `QUERY_STRING` zwischenspeichert. Ein CGI-Script, das durch die Angabe `action=` im einleitenden Formular-Tag aufgerufen wird, muss den Inhalt dieser Umgebungsvariablen auslesen, um an die Formulardaten heranzukommen (siehe auch den Abschnitt über CGI-Umgebungsvariablen). In Perl ist das beispielsweise mit einer Anweisung wie `$form_daten = $ENV{'QUERY_STRING'};` möglich. Wenn ein HTML-Formular die GET-Methode verwendet, wird der Formulardatenstrom, getrennt durch ein Fragezeichen, zum URI des CGI-Programmaufrufs hinzugefügt. Im Web-Browser des Anwenders ist dies nach dem Absenden des Formulars in der Adresszeile sichtbar.
- `POST`
  In einem HTML-Formular erzwingen Sie diese Methode durch die Angabe von `method="post"` im einleitenden `<form>`-Tag. Die Angabe bewirkt, dass die ausgefüllten Formulardaten direkt an die Adresse übertragen werden, die bei `action=` angegeben ist. Ein CGI-Script, das bei `action=` aufgerufen wird, muss die Standardeingabe auslesen, um an die Formulardaten heranzukommen. In Perl geht das beispielsweise mit einer Anweisung wie `read(STDIN, my $Daten, $ENV{CONTENT_LENGTH});`. Beachten Sie dabei, dass das Programm die Umgebungsvariable `CONTENT_LENGTH` auslesen muss, um zu ermitteln, wie viele Zeichen es von der Standardeingabe lesen soll. Das ist erforderlich, da der übergebene Datenstrom kein Datenendekennzeichen enthält!

Wenn Sie ein vorhandenes CGI-Script einsetzen wollen, müssen Sie wissen, nach welcher der beiden Methoden das betreffende Script die Daten erwartet. Normalerweise ist das vom Autor des CGI-Scripts dokumentiert. Einige Scripts sind auch so intelligent, beide Möglichkeiten abzufragen - in diesem Fall ist es egal, welche Anfragemethode Sie im HTML-Formular wählen. Wenn Sie eigene Scripts schreiben, müssen Sie eine Anfragemethode festlegen oder ebenfalls so intelligent programmieren, dass es egal ist, welche Methode im HTML-Formular angegeben wird.

## Datenstrom bei Übertragung von Formulardaten

Ein typisches HTML-Formular besteht aus benannten Feldern (z.B. für Name, E-Mail-Adresse und Kommentartext). Bei der Übertragung eines ausgefüllten Formulars an den Server-Rechner bzw. ein CGI-Programm müssen die Daten so übertragen werden, dass es dem CGI-Script möglich ist zu erkennen, aus welchen Feldern das Formular besteht, und welche Daten der Anwender in welches Feld eingetragen hat. Deshalb gibt es eine bestimmte Kodierungsmethode, die Formularfelder und deren Daten voneinander trennt. Diese Kodierungsmethode benutzt folgende Regeln:

- Die einzelnen Formularelemente inklusive ihrer Daten werden durch ein kaufmännisches und (`&`) voneinander getrennt.
- Name und Daten eines Formularelements werden durch ein Gleichheitszeichen (`=`) voneinander getrennt.
- Leerzeichen in den eingegebenen Daten (z.B. bei mehreren Wörtern) werden durch ein Pluszeichen (`+`) ersetzt.
- Alle Zeichen mit den (erweiterten) ASCII-Werten 128 bis 255 (hexadezimal 80 bis FF) werden durch eine Hexadezimalzeichenfolge umschrieben, eingeleitet durch ein Prozentzeichen (`%`) und dahinter der Hexadezimalwert des Zeichens (z.B. wird der deutsche Umlaut `ö` im Zeichensatz ISO-8859-1 durch `%F6` umschrieben).
- Alle Zeichen, die in diesen Regeln als Steuerzeichen vorkommen (also &, +, = und %) werden ebenfalls hexadezimal umschrieben, und zwar genau so wie höherwertige ASCII-Zeichen.

Das folgende Beispiel zeigt zunächst den HTML-Quelltext eines HTML-Formulars und darunter ein Bild, wie das Formular im Web-Browser mit Anwendereingaben aussieht. Unterhalb des Bildes sehen Sie, wie der Formulardatenstrom entsprechend der Kodierungsregeln aussieht, nachdem der Anwender das Formular absendet.

### Beispiel: HTML-Formular (HTML-Quelltext)

    <form action="/cgi-bin/comments.pl" method="post">
    <p>Name:<br>
    <input name="AnwenderName" size="40"></p>
    <p>E-Mail:<br>
    <input name="AnwenderMail" size="40"></p>
    <p>Text:<br>
    <textarea name="Text" rows="5" cols="50"></textarea></p>
    <p><input type="submit" value="Formulardaten absenden"></p>
    </form>

### Beispiel: Abbildung des HTML-Formulars im Web-Browser mit Anwendereingaben

### Beispiel: Formulardatenstrom aufgrund dieser Formulareingaben

    AnwenderName=Stefan+M%FCnz&AnwenderMail=selfhtml@teamone.de&Text=Das+ist+ein+kleiner+Text

### Erläuterung:

So kodiert der Web-Browser die Formulardaten beim Absenden des Formulars. Diese Zeichenkette wird mit einer der erlaubten Methoden POST oder GET an das aufgerufene CGI-Script übergeben. Das CGI-Script kann diesen Datenstrom in Kenntnis der Kodierungsregeln auseinanderdividieren, um die Formulardaten beispielsweise feldweise zu verarbeiten. Eine elegantere Methode ist es, dies einem Perl-Modul zu überlassen, das diese Arbeit übernimmt - dem CGI-Modul.

| Grundsätzliches zu Perl
| Server Side Includes in HTML

© 2001 selfhtml@teamone.de