So erstellen Sie ein HTML-Formular, das eine E-Mail sendet

Wie überträgt ein HTML-Formular die Eingaben?

Ein HTML-Formular wird auf Websites verwendet, um Eingaben von Seitenbesuchern zu erfassen und weiterzuleiten. Hier ist es eine praktische Lösung, wenn Sie bei einer Formularsendung die Eingaben des Seitenbesuchers direkt in einer E-Mail-Nachricht zugesendet bekommen. So können Sie die übermittelten Informationen weiter verarbeiten und auf das Anliegen des Nutzers reagieren.

Im Folgenden zeigen wir Ihnen die Möglichkeiten, um in ein vorhandenes HTML-Formular die Funktion der E-Mail-Übermittlung einzubauen. Sollte Ihnen das Formular noch fehlen, können Sie unter folgendem Link lernen, wie ein HTML-Formular erstellt wird.

Optimal wäre es, wenn Webbrowser Formularsendungen direkt an E-Mail-Adressen senden könnten. Das ist leider nicht der Fall. Vermutlich aus dem Grund Spam-Missbrauch nicht Tür und Tor zu öffnen, da die Ziel-Adresse dabei ungeschützt im HTML-Quellcode aufscheinen würde.

Wie wir unter Methode 1 erklären, können Sie im action-Attribut des HTML-Formulars zwar eine E-Mail-Adresse für die Zustellung eintragen. Dies führt allerdings nur dazu, dass beim Absenden des Formulars das Standard-Email-Programm des Nutzers mit dem Dialog einer neuen E-Mail-Nachricht geöffnet wird. Hier ist es nicht kontrollierbar, ob der Nutzer überhaupt ein E-Mail-Programm nutzt und ob er in Folge die Nachricht auch absendet.

Wie richtet man die E-Mail-Zustellung bei einem HTML-Formular ein?

Es gibt mehrere Möglichkeiten, die Formularsendungen an eine Email-Adresse zu senden. Im Folgenden erklären wir Ihnen diese Varianten und zeigen Ihnen deren Eigenschaften. So können Sie die für Ihren Einsatz und Ihre technischen Kenntnisse passende Lösung wählen.

Lassen Sie uns mit der simpelsten Methode beginnen.

Methode 1: Mailto-Link in HTML-Code

In HTML gibt es kein Feature, welches direkt eine E-Mail sendet. Aber mit einem Mailto-Link können Sie den Browser anweisen, die Formulareingaben an das Standard-Email-Programm des Nutzers weiterzuleiten. Dazu geben Sie im HTML-Code Ihres Formulars die Zieladresse an. Damit der Aufruf des E-Mail-Programmes erfolgt, muss der E-Mail-Adresse die Angabe „mailto:“ vorangestellt werden. Um dies zu veranschaulichen, sehen sich folgenden HTML-Quellcode, eines einfachen Formulars, an:

<form action="mailto:example@domain.com" method="post" enctype="text/plain">
<input type="text" name="Ihr Name">
<input type="text" name="Adresse">
<input type="submit" value="Abschicken">
</form>

Beim Absenden des Formulars wird nun das E-Mail-Programm mit dem Dialog einer neuen Email-Nachricht geöffnet. Die Zieladresse wird als Empfängeradresse übernommen und alle Formulareingaben werden als Email-Inhalt eingefügt. Der Nutzer kann den Inhalt jetzt noch beliebig abändern und zur Übermittlung die Nachricht absenden.

Die Einrichtung ist sehr einfach, aber leider hat diese Methode einige Nachteile. Die verschiedenen Browser-Programme handhaben die Mailto-Verlinkung unterschiedlich oder gar nicht, sodass eine zuverlässige Funktion nicht gegeben ist. Des Weiteren werden die Formulareingaben in einer Textwüste ohne jeglicher Formatierung in die E-Mail-Nachricht übernommen.

Der einzige Vorteil dieser Methode ist die einfache Integration. Aber aufgrund der erheblichen Nachteile ist von einem ernsthaften Einsatz eher abzuraten.

• Sehr einfache Umsetzung
• unsichere Unterstützung
• von der Softwareumgebung seitens des Nutzers abhängig
• keine Kontrolle über den Sendevorgang der E-Mail
• E-Mail-Adresse kann im Quellcode ausgelesen werden = Spam-Gefahr!

Lesen Sie weiter, wie mit den folgenden Methoden, diese Nachteile vermieden werden können!

Methode 2: Formmailer-Skript

Ein sogenanntes Formmailer-Skript ist ein kleines Programm, welches am Webserver die Formularsendung entgegennimmt und die Daten an eine E-Mail-Adresse weitersendet.

Das ist technisch die anspruchsvollste Methode, da sie ein gewisses Fachwissen erfordert. Insbesondere, wenn die Einrichtung nach den eigenen Anforderungen und in einer möglichst sicheren Form erfolgen soll.

Ein kurzer Exkurs, um die Funktionsweise eines Form-Mailers darzustellen. Die Website mit Ihrem Formular wird als Frontend bezeichnet und die Ausführung erfolgt im Browser-Programm des Nutzers. Wird das Formular abgesendet, erfolgt die Übermittlung aller Formulareingaben an das sogenannte Backend, welches am Server der Website betrieben wird. Dort wird ein kleines Software-Programm ausgeführt, welches sich um die Verarbeitung der Formulareingaben kümmert. Damit der Browser weiß, wo dieses Backend zu erreichen ist, ist im HTML-Quellcode des Formulars beim action-Attribut die Webadresse des Backends eingetragen.

Ein solches Backend-Programm, das Formularsendungen entgegennimmt und eine E-Mail sendet, wird üblicherweise als Formmailer oder Form-Mail-Script bezeichnet. Es gibt unzählige solcher Skripte, die kostenlos zur eigenen Verwendung, im Internet zu finden sind. Die meisten davon sind in der Programmiersprache PHP geschrieben, da diese Skriptsprache bei fast jedem Webhoster unterstützt wird. Aber auch andere Sprachen wie Perl, Python, ASP oder serverseitiges JavaScript sind möglich.

Die Einrichtung eines Formmailers erfolgt in folgenden Schritten:

1. Formmailer-Skript downloaden oder selber programmieren
2. das Skript anpassen und eigene Zieladresse eintragen
3. Skript auf den Webspace hochladen
4. im HTML-Formular als Zieladresse das Formmailer-Skript eintragen

Im Internet sind unzählige Formmailer für die kostenlose Nutzung zu finden. Ein solcher Formmailer in der Programmiersprache PHP ist bei Tectite.com erhältlich: Tectite FormMail.

Die Einrichtung eines Formmailers kann herausfordernd sein, da ein gutes Basiswissen in der Webentwicklung erforderlich ist. Es sollte genug Verständnis für die jeweilige Programmiersprache vorhanden sein, um das Mailer-Skript an die eigenen Erfordernisse anpassen zu können und zu verstehen, was die Programmierung genau macht.

Das bringt uns zu den Vor- und Nachteilen der Formmailer-Nutzung:

• kostenlose Nutzung
• an die Anforderungen anpassbar
• E-Mail-Adresse ist nicht auslesbar
• ausreichend Fachwissen erforderlich
• hoher Aufwand für Einrichtung und Betrieb

Mit der 3. Methode zeigen wir Ihnen eine Lösung, die schnell, und einfach eingerichtet werden kann.

Methode 3: Formular-Backend

Wie wir gesehen haben, ist die erste Methode nicht zuverlässig, und die zweite ist wirklich nicht einfach einzurichten und sicher keine optimale Technik für jeden.

Darum sind professionelle Formular-Backends eine gute Lösung, um Sendungen von Webformularen per E-Mail zuzustellen. Bei solchen Formular-Backends handelt es sich um Online-Dienste, die sich konkret um die Annahme von Formularsendungen und deren weitere Verarbeitung kümmern.

Der Einbau in das eigene HTML-Formular ist sehr einfach und erfordert in aller Regel nur das Eintragen einer individuellen Zieladresse in den HTML-Quellcode des Formulars. In Folge übernimmt der Online-Service die Verarbeitung der einlangenden Sendungen, wie beispielsweise das zuverlässige Aussortieren von Spam-Sendungen und sendet Empfangsnachrichten an die eingestellten E-Mail-Empfänger.

• Sehr einfache Integration
• kostenlose Basisnutzung
• an die Anforderungen anpassbar
• viele Einstellungsmöglichkeiten und Funktionen
• kaum Fachwissen erforderlich
• Absicherung gegen Spam und Missbrauch
• optimal für statische Websites geeignet

Das Formular-Backend von Form.taxi bietet neben Benachrichtigungen per E-Mail eine Menge weiterer Funktionen, wie Auto-Response-Mails, Dateiuploads, ein Online-Sendungsarchiv und viele Einstellungsmöglichkeiten, um die Verarbeitung Ihres Formulars genau an Ihre Anforderungen anzupassen. Die Beschreibung dieses Service mit allen Funktionen finden Sie auf Form.taxi Formular-Backend.

Häufig gestellte Fragen

Was ist ein E-Mail-Formular?

Ein Website-Formular bei dem die Formulareingaben als E-Mail-Nachricht an eine oder mehrere Zieladressen gesendet werden.

Was ist ein Formmailer?

Ein kleines Online-Skript, das Formularsendungen entgegennimmt und an eine E-Mail-Adresse sendet. Solche Skripte sind in verschiedenen Programmiersprachen erhältlich und müssen auf einem Webhost installiert werden.

Was ist ein Formular-Backend?

Ein Online-Service, welcher sich um die Entgegennahme und Verarbeitung von Sendungen eines HTML-Formulars kümmert. Der Service wird bei einem Anbieter wie Form.taxi unabhängig von der Website betrieben, sodass ein sehr einfacher Einbau in ein Webformular möglich ist.