[Tutorial] Kontaktformular erstellen [2 / 7]

<p>Kontakt</p>
<form name="Kontaktformular" method="post" action="kontakt.php">
</form>

Es gibt zwei Methoden der Datenübergabe, "get" und "post". Bei der Methode get werden die eingegebenen Daten an den Url der Zieldatei angehängt. Sie haben Urls mit so übergebenen daten sicher schon gesehen: www.example.org/index.php?datenfeld1=wert1&datenfeld2=wert2

Die Methode get hat den Nachteil, dass die Länge der übergebenen Daten begrenzt ist. Wir werden daher fast immer die Methode post wählen, weil hier die Daten durch Steueranweisungen des Browsers verdeckt übergeben werden und es keine Begrenzung gibt.

Im Parameter action wird eingetragen, an welche Datei das Formular übermittelt wird. Wir tragen hier den eigenen Dateinamen ein.

In unser Formular müssen wir nun die benötigten Eingabe- und Ausgabefelder und natürlich eine Schaltfläche einbauen. Auf einer "richtigen" Seite werden Sie dies natürlich ordentlich designen und die Vorspalten und Input-Felder mit einer Tabelle oder einem CSS bündig anordnen. Hier machen wir uns die Arbeit aber einfach.

<p>Kontakt</p>
<p><?php echo $hinweis;?></p>
<form name="Kontaktformular" method="post" action="kontakt.php">
<p>Ihr Name: <input name="name" type="text" id="name" size="50" maxlength="50"> </p>
<p>Ihre Email: <input name="email" type="text" id="email" size="50" maxlength="100"> </p>
<p>Ihre Nachricht: <textarea name="nachricht" cols="40" rows="6"></p>
<p> <input type="submit" name="senden" value="Absenden"> </p>
</form>

Gleich über das Formular haben wir die Ausgabe eines Hinweises für den Besucher der Seite geschrieben und uns festgelegt, dass wir die Variable $hinweis verwenden wollen. Bei den Input -Feldern haben wir name, email und nachricht eingesetzt. Die Schaltfläche trägt die Bezeichnung "Absenden" und hat den Bezeichner "senden".

Wir können die Datei kontakt.php nun auf unseren Webspace laden und in unserem Browser aufrufen. Wenn wir nun Daten eintragen und auf die Schaltfläche "Absenden" klicken, oder das Formular mit der Enter-Taste absenden, dann werden die Daten an kontakt.php übergeben und kontakt.php wieder angezeigt. Allerdings sind die Datenfelder nach dem Absenden wieder leer und es passiert noch nicht das, was wir möchten. Nun ja, wir haben ja auch noch nichts programmiert.

Teile dieses Tutorials: -1- -2- -3- -4- -5- -6- -7-

(Autor: Wolfgang), Eingetragen am 08.07.2008

Schreib ein Kommentar