Erstellen Sie das Kontaktformular mit HTML und PHP

Das Kontaktformular ist ein sehr wesentlicher Bestandteil einer Website. Die Besucher der Website müssen mit dem Site -Eigentümer für verschiedene Zwecke kommunizieren. Durch die Verwendung des Kontaktformulars senden die Besucher Nachrichten an den Administrator oder Standortbesitzer mit den Kontaktinformationen. Der Administrator oder Standortbesitzer kann auf die Besucher antworten, nachdem er die Bedeutung seiner Nachricht gelesen und berücksichtigt hat. Sie können ein Kontaktformular für jede Website auf verschiedene Weise erstellen. Wie Sie ein einfaches Kontaktformular und ein reaktionsschnelles Kontaktformular erstellen können, indem Sie HTML, CSS, Bootstrap und PHP verwenden, wurde in diesem Tutorial gezeigt.

Einfacher Kontaktformular

In diesem Teil des Tutorials wurde die Art und Weise gezeigt.

HTML- und CSS -Code:

Erstellen Sie eine PHP -Datei mit dem Namen Simple_Contact_form.Php mit dem folgenden Skript, um das Kontaktformular anzuzeigen, indem nur HTML und CSS verwendet werden. Das PHP -Skript wird später hinzugefügt, um das Formular zu validieren und die übermittelten Formulardaten anzuzeigen.

KONTAKT FORMULAR

Name


Email


Nachricht

Jetzt leiten Sie die Simple_Contact_form.Php Datei vom Server. Nach der Ausführung des Skripts wird die folgende Ausgabe angezeigt.

Lesen, validieren und drucken Sie die Formulardaten mit PHP

Fügen Sie nun das folgende PHP -Skript zu Beginn der Simple_Contact_form hinzu.PHP -Datei, um die Formulardaten zu validieren, die Formulardaten zu lesen und die Daten im Browser zu drucken. Wenn der Benutzer auf die Schaltfläche "Senden" klickt, werden die Formulardaten mithilfe des PHP -Skripts zur Validierung überprüft. Wenn die eingereichten Daten validiert werden, werden die Daten im Browser gedruckt.

PHP -Code:

Fügen Sie den folgenden PHP -Code am Anfang des Simple_Contact_form.Php Datei.

$ name = "";
$ nameerr = "";
$ mail = "";
$ EMAILERERR = "";
$ message = "";
$ messageerr = "";
$ error = false;
/ * Überprüfen Sie die erforderlichen Felder */
if (isset ($ _ post ['subine'])))

$ name = $ _post ['name'];
$ mail = $ _post ['E -Mail'];
$ message = $ _post ['message'];
if ($ name == "")

$ nameerr = "Feld kann nicht leer sein.";
$ error = true;

sonst wenn (strlen ($ name) < 3)

$ nameerr = "Name sollte mehr als 2 Zeichen betragen.";
$ error = true;

anders

$ nameerr = "";

if ($ mail == "")

$ EMALERERR = "Feld kann nicht leer sein.";
$ error = true;

sonst wenn ((!filter_var ($ mail, filter_valate_email)))

$ EMAILERERR = "Ungültige E -Mail -Adresse.";
$ error = true;

anders

$ EMAILERERR = "";

if ($ message == "")

$ messageerr = "Feld kann nicht leer sein.";
$ error = true;

sonst wenn (strlen ($ message) < 10)

$ messageerr = "Die Nachricht sollte mehr als 9 Zeichen betragen.";
$ error = true;

anders

$ messageerr = "";

if ($ error == false)

$ name = $ name;
$ to = '[email protected] ';
$ von = $ mail;
$ prob Objekt = 'Anfrage';
$ body = 'Hallo,

''.$ meldung.''

Danke,
''.$ Name;
echo "zu:".$ an."
Aus: ".$ von."
Thema: ".$ Betreff."

---

".$ body;


Wenn(!isset ($ _ post ['subine']) || $ error == true)

?>

Fügen Sie den folgenden PHP -Code am Ende des Simple_Contact_form.Php Datei.

?>

Wenn das Formular eingereicht wird, indem alle Felder leer werden, wird die folgende Ausgabe angezeigt.

Wenn das Formular eingereicht wird, indem weniger als 9 Zeichen in die Nachrichtenfelder eingegeben werden, wird die folgende Ausgabe angezeigt.

Wenn das Formular mit allen gültigen Daten übermittelt wird, wird die folgende Ausgabe angezeigt.

Durch die Verwendung der oben genannten Codes können Sie problemlos ein sehr einfaches Kontaktformular für Ihre Website erstellen. Diese Form ist jedoch kein reaktionsschnelles Kontaktformular. Die Art und Weise, diese Form reaktionsschnell zu machen, wurde im nächsten Teil dieses Tutorials gezeigt.

Responsive Kontaktformular

Die meisten Websites sind jetzt mit reaktionsschnellen Funktionen entwickelt. In diesem Teil des Tutorials wurde die Art und Weise gezeigt.

HTML Quelltext:

Erstellen Sie eine PHP -Datei mit dem Namen Responsive_Contact_form.Php Mit dem folgenden Skript, um das reaktionsschnelle Kontaktformular mithilfe von HTML und Bootstrap anzuzeigen. Das PHP -Skript wird später hinzugefügt, um das Formular zu validieren und die übermittelten Formulardaten anzuzeigen.

>