7 days of WordPress plugins, themes & templates - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Code
  2. PHP

Ein einfaches PHP Formular erstellen

Scroll to top
Read Time: 11 mins

German (Deutsch) translation by Ahmet Öztürk (you can also view the original English article)

Ganz gleich, welche Art von Webseite Sie besitzen oder verwalten, Sie brauchen wahrscheinlich ein Kontaktformular. Das Kontaktformular kann Ihren Besuchern helfen, ein Angebot oder Informationen anzufordern, oder Tipps und Feedback abzugeben, die sie bei der Nutzung Ihrer Webseite haben.

In diesem Tutorial werden wir uns darauf konzentrieren, ein voll funktionsfähiges Kontaktformular in PHP von Anfang bis Ende zu erstellen. Wir beginnen mit dem Aufbau aller Felder, die wir hinzufügen müssen, und dem grundlegenden Styling des Kontaktformulars. Danach werden wir uns dem PHP-Code zuwenden, um die Funktionalität zu implementieren.

Am einfachsten erstellen Sie ein Kontaktformular, indem Sie ein professionelles Kontaktformular-Skript von CodeCanyon herunterladen.

Wenn Sie wissen wollen, wie ein Kontaktformular erstellt wird, lesen Sie weiter! Es könnte einfacher sein, als Sie denken.

Aufbau unseres HTML-Kontaktformulars

Der erste Schritt zur Erstellung unseres eigenen Kontaktformulars besteht darin, den entsprechenden Aufbau zu codieren. Damit beginnen wir, sobald wir eine Liste aller Elemente haben, die wir in unserem Formular verwenden wollen. Wir brauchen ein Eingabefeld für den Namen der Person, die uns kontaktiert, und ein Feld für die E-Mail-Adresse, damit wir ihr bei Bedarf antworten können. Außerdem benötigen wir ein Eingabefeld für den Grund der Kontaktaufnahme und ein Textfeld, in dem der Benutzer seine Nachricht eingeben kann.

Wenn die Webseite, die Sie verwalten, sehr beliebt ist, werden Sie eine Menge E-Mails über das Kontaktformular erhalten. Um sicherzustellen, dass die richtigen Leute diese E-Mails lesen und schnell antworten, brauchen Sie ein paar weitere Felder. Sie könnten z.B. ein Feld hinzufügen, mit dem Sie feststellen können, welche Abteilung der Besucher kontaktieren möchte, z.B. Marketing, Support oder Rechnungsstellung. Diese Information kann später verwendet werden, um die E-Mail entsprechend weiterzuleiten. Letztendlich können Sie so schneller antworten und die E-Mails effizienter sortieren.

Wie viele Felder Sie dem Kontaktformular hinzufügen, hängt von der Art der Webseite ab, die Sie betreiben, aber achten Sie darauf, dass Sie es nicht übertreiben. Wenn Sie Besucher dazu zwingen, zu viele Details auszufüllen, könnten sie davon abgehalten werden, Sie zu kontaktieren.

Lassen Sie uns den HTML-Code schreiben, um alle Felder, die ich gerade erwähnt habe, in unser Kontaktformular einzufügen.

Bevor wir fortfahren, möchte ich kurz die Bedeutung einiger wichtiger Attribute im obigen Aufbau zusammenfassen. Das Attribut action im Formular bestimmt, wohin die Formulardaten gesendet werden müssen. Wenn Sie kein action-Attribut haben, werden die Daten an dieselbe URL zurückgeschickt. Hier haben wir contact.php verwendet, also werden die Formulardaten an dieses Skript gesendet.

Das Attribut name für die verschiedenen Eingabeelemente im Formular wird verwendet, um auf die Elementwerte auf der Serverseite zuzugreifen. Im obigen Formular können Sie zum Beispiel den Namen des Besuchers, der Sie kontaktiert, mit $_POST['visitor_name'] in contact.php abrufen.

Wir verwenden das Attribut placeholder, um den Benutzern eine Vorstellung von der erwarteten Eingabe für jedes Feld im Formular zu geben. Das Attribut required stellt sicher, dass kein wichtiges Feld leer bleibt, bevor der Benutzer auf die Schaltfläche "Submit" im Formular drückt. 

Das Attribut pattern wird verwendet, um einige Regeln für die Arten von Werten durchzusetzen, die in bestimmte Felder eingegeben werden können. In unserem Fall erlauben wir den Benutzern nur die Verwendung von Buchstaben und dem Leerzeichen in den Namen, die sie eingeben. Außerdem begrenzen wir die Gesamtzahl der zulässigen Zeichen auf 3 bis einschließlich 20. Welches Muster Sie verwenden, hängt von der Art der Eingabe ab, die Sie von den Benutzern erwarten.

Die folgende CodePen-Demo zeigt uns, wie unser einfaches PHP-Kontaktformular mit dem obigen Aufbau und ein wenig CSS aussieht.

So funktioniert unser HTML-Kontaktformular mit PHP

Im Moment tut unser PHP-Kontaktformular nichts Nützliches. Besucher können es ausfüllen und auf die Schaltfläche Nachricht senden klicken, aber wir erhalten keine Nachricht, weil es keinen serverseitigen Code gibt, der die vom Formular gelieferten Informationen verarbeitet. In diesem Abschnitt werden wir unser benutzerdefiniertes Kontaktformular mit PHP funktionsfähig machen.

Beginnen Sie damit, eine contact.php zu erstellen und den folgenden Code darin einzufügen.

Wir haben bereits eine clientseitige Validierung der Benutzereingaben vorgenommen. Es ist jedoch immer sicherer, auch eine serverseitige Validierung durchzuführen. Wir verwenden die Funktion filter_var(), um den vom Benutzer angegebenen Namen zu bereinigen. Auf ähnliche Weise bereinigen wir auch den Wert von $email_title und $concerned_department. Sie können die filter_var()Funktion zur Validierung oder Bereinigung aller Arten von Benutzereingaben verwenden. Außerdem verwenden wir die htmlspecialchars() Funktion, um alle HTML-Sonderzeichen in der an uns gesendeten Besuchernachricht zu kodieren.

Der Wert von $recipient basiert auf dem Wert der Variablen $concerned_department. Auf diese Weise stellen wir sicher, dass nur Personen, die sich tatsächlich mit der Angelegenheit befassen sollen, die E-Mail erhalten.

Außerdem haben wir die Variable $email_body verwendet, um den E-Mail-Text zu formatieren, der der Hauptinhalt der E-Mail sein wird. Da wir eine E-Mail im HTML-Format versenden, haben wir den Inhalt der E-Mail in HTML formatiert.

Schließlich verwenden wir die Funktion mail(), um eine E-Mail zu versenden, die die Informationen enthält, die der Besucher von uns wissen wollte. Nach erfolgreicher Zustellung der E-Mail teilen wir dem Besucher mit, dass wir seine E-Mail erhalten haben und uns in Kürze bei ihm melden werden.

Sicherheit ist das A und O, wenn Sie mit Benutzerdaten oder Eingaben zu tun haben. Ob Sie die Benutzereingaben validieren oder bereinigen sollten, hängt davon ab, worum es sich bei den Eingaben handelt und wie Sie sie verwenden möchten.

Die Validierung prüft einfach, ob die Benutzereingabe einer bestimmten Reihe von Regeln folgt. Die Validierung könnte zum Beispiel überprüfen, ob der Name einer Person keine Zahlen enthält.

Die Reinigungsfunktion wird verwendet, um alle anstößigen Zeichen zu entfernen, die ein Sicherheitsrisiko darstellen. Ein böswilliger Benutzer, der versucht, Sie über das Formular zu kontaktieren, könnte beispielsweise einen script-Tag in den Textbereich einfügen, um Sie zum Herunterladen eines schädlichen Skripts zu bewegen. Dies ist besonders besorgniserregend, wenn Ihre Webseite über öffentliche, für jedermann zugängliche Foren verfügt.

Sie müssen jedoch sehr vorsichtig sein, wenn Sie unerwünschte Zeichen in Benutzereingaben loswerden wollen. Sie könnten zum Beispiel beschließen, filter_var($user_input, FILTER_SANITIZE_STRING); auf einige Eingaben anzuwenden, um alle Tags zu entfernen und Sonderzeichen zu kodieren. Dieses Flag entfernt jedoch auch harmlose Zeicheneingaben von echten Benutzern. Hier ist ein Beispiel:

Wenn Ihre Webseite viele mathematikbezogene Themen enthält, wird es relativ häufig vorkommen, dass Benutzer < oder > in Kontaktformularen oder Forenbeiträgen schreiben. Wenn Sie das FILTER_SANITIZE_STRING Flag mit der filter_var() Funktion verwenden, werden in diesem Fall die notwendigen Informationen aus der Nachricht entfernt.

Der Punkt, den ich damit sagen will, ist, dass Sie zwar immer Benutzerdaten validieren oder bereinigen sollten, aber sicherstellen sollten, dass Sie dabei keine wichtigen Informationen weglassen.

Einfache Kontakt-Formular PHP Skripte von CodeCanyon

Das obige Tutorial ist es wert, durchgelesen zu werden, denn zu lernen, wie man ein einfaches PHP-Kontaktformular erstellt, ist eine nützliche Fähigkeit. Aber wenn Sie keine Zeit haben oder einfach nur Ihre Möglichkeiten erkunden wollen, sollten Sie sich diese Kontaktformular PHP Vorlagen ansehen. Sie sind von professioneller Qualität und werden auf CodeCanyon vorgestellt:

1. Quform: Responsives Ajax-Kontaktformular

Quform ist ein einfaches und reaktionsschnelles PHP-Beispiel für ein E-Mail-Kontaktformular. Diese Vorlage ist einfach zu verwenden und funktioniert auf einer Reihe von Bildschirmgrößen. Es ist schlank und funktioniert, ohne dass es neu geladen werden muss. Dieser Schritt spart Ihren Benutzern Zeit und erleichtert ihnen das Ausfüllen Ihres Formulars. Sehen Sie sich die übrigen Funktionen von Quform auf der Artikelseite an.

Quform Contact Form HTML PHPQuform Contact Form HTML PHPQuform Contact Form HTML PHP

2. PHP Form Builder

Sie möchten ein Web-Kontaktformular in PHP erstellen? Dann wird es nicht viel einfacher als mit PHP Form Builder. Der Download enthält einen Drag-and-Drop-Formulargenerator, der die Erstellung von Formularen so einfach wie nie zuvor macht. Er ist perfekt für PHP-Anfänger und erfahrene Programmierer und Webentwickler. Die Liste der Formulare, die Sie mit diesem einzigen Download erstellen können, ist lang, so dass Sie hier alles aus einer Hand erhalten.

PHP Form BuilderPHP Form BuilderPHP Form Builder

3. Easy Forms: Erweiterte Formularerstellung und -verwaltung

Natürlich steht Easy Forms in seiner Schlichtheit anderen einfachen PHP-Kontaktformularvorlagen in nichts nach. Es bietet auch einen Formulargenerator mit Drag & Drop und einer modernen Benutzeroberfläche. Es ist sowohl für Anfänger als auch für Experten geeignet, die unter Zeitdruck stehen. Sie können ein Formular in PHP erstellen und es überall veröffentlichen, einschließlich WordPress, Drupal oder auf statischen HTML-Webseiten.

Easy Forms Create Contact FormEasy Forms Create Contact FormEasy Forms Create Contact Form

4. Easy PHP Contact Form Script

Wir runden unsere Liste mit Easy PHP ab. Dies ist eine einfache PHP-Kontaktformularvorlage mit vielen Variationen. In diesem Download erhalten Sie diese Kontaktformulare und noch viel mehr:

  • Kontaktformular mit CAPTCHA
  • Formular mit Telefonvalidierung
  • Kontaktformular mit mehreren Textbereichen
Easy PHP Contact Form CodeEasy PHP Contact Form CodeEasy PHP Contact Form Code

Finden Sie weitere zeitsparende PHP-Vorlagen

Wenn Sie sich für professionelle PHP-Formular-Skripte interessieren, die Sie noch heute auf Ihrer Website einsetzen können, schauen Sie sich einige unserer anderen Beiträge an. Dort finden Sie noch mehr nützliche Optionen, die Sie schnell anpassen können, um wertvolle Zeit zu sparen:

Mehr über PHP und Coding lernen mit Envato Tuts+

Programmierung ist ein tiefgründiges Thema, das viel Zeit in Anspruch nimmt, um es zu beherrschen. Wenn Sie nicht über die richtigen Ressourcen verfügen, ist es leicht, enttäuscht zu werden und aufzugeben. Deshalb bietet Envato Tuts+ ausgezeichnete Programmierkurse, Tutorials und Anleitungen, die von erfahrenen Dozenten geleitet werden.

Wollen Sie tiefer in PHP eintauchen? Dann werfen Sie einen Blick auf diese Tutorials zur Skriptsprache:

Abschließende Überlegungen

Ein einfaches Kontaktformular in PHP zu erstellen ist ohne zu viel Aufwand machbar. Sie beginnen damit, das HTML zu schreiben, das Sie benötigen, um Eingabeelemente für Informationen wie den Namen des Benutzers, seine E-Mail-Adresse, seine Telefonnummer usw. zu erstellen. Der nächste Schritt ist das Schreiben von CSS, um sicherzustellen, dass sich das Kontaktformular perfekt in den gesamten Aufbau der Webseite und die Umgebung einpasst. Der letzte Schritt besteht darin, den PHP-Code zu schreiben, der die Informationen aus dem Kontaktformular übernimmt und sicher an Sie versendet.

Das Ziel ist es, sicherzustellen, dass die verschiedenen Formularelemente so angeordnet sind, dass sie niemanden verwirren, und dass die Benutzereingaben bereinigt und validiert werden, bevor Sie sie an die betroffenen Parteien senden. Wenn das alles neu für Sie ist oder wenn Sie nicht viel Zeit für die Erstellung eines professionell aussehenden Kontaktformulars aufwenden wollen, sollten Sie sich unbedingt diese bestbewerteten PHP-Skripte für Kontaktformulare ansehen.

Wenn Sie Fragen haben, können Sie uns gerne auf Twitter kontaktieren. In meinem nächsten Tutorial zeige ich Ihnen, wie Sie Ihr eigenes CAPTCHA implementieren, um Spam in Kontaktformularen in Schach zu halten. 

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.