[Tutorial] Kontaktformular erstellen [2 / 7]

Sie befinden sich: Home > Webmaster News

Das HTML-Formular




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Kontaktformular</title>

</head>



<body>

<p>Kontakt</p>



</body>

</html>

Dies ist zunächst nur eine leere Seite mit einem Title-Tag, die wir unter dem Namen kontakt.php abspeichern. Im Folgenden wird hier nur noch der Body-Bereich gezeigt, damit es übersichtlich bleibt.

Ein Formular benötigt zunächst ein

-Tag, in welchem wir festlegen, welche Datei nach Absenden des Formulars aufgerufen werden soll und mit welcher Methode die eingegebenen Daten an diese Datei übergeben werden sollen.




<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-

(Quelle: Wolfgang ), Eingetragen am 08.July.2008

Letzten Webmaster News

29.08.2008 - [Tutorial] Verbindung zu MySql und Auswahl einer D...

28.08.2008 - [TIPP] PHP code lesbar gestaltet

28.08.2008 - [Tutorial] Arbeiten mit Unix-Zeitstempeln, date(),...

27.08.2008 - [Code] Zaehlen, wie häufig ein Wort in einem ...

27.08.2008 - [code] Passwörter mit md5 verschlüsselt ...

Alle Webmaster News Anzeigen

	Anzeige

Webhosting Service | Board Features

[Tutorial] Kontaktformular erstellen [2 / 7]

Ähnliche News

Letzten Webmaster News