Ein Tutorial zur Verwendung von 'Mailto'-Formularen

Ein Website-Feature, das neu ist Webdesigner Kampf mit ist ein Formular, aber Webformulare müssen nicht kompliziert sein. Mailto-Formulare sind eine einfache Möglichkeit, Formulare zum Laufen zu bringen. Diese Formulare basieren auf E-Mail-Clients, um die Formulardaten vom Computer des Kunden an den Formularbesitzer zu senden. Mailto-Formulare sind einfacher als Schreiben zu lernen PHP und billiger als der Kauf eines vorgefertigten Skripts. So erstellen Sie ein HTML-Mailto-Formular.

Eine Tastatur mit einer Kontakt-Schaltfläche
Courtney Keating / E+ / Getty Images

Einstieg

HTML-Formulare können für Neulinge eine Herausforderung sein Web-Entwickler denn diese Formulare erfordern mehr als das Erlernen von HTML-Markup. Zusätzlich zu HTML-Elemente zum Erstellen des Formulars und seiner Felder benötigt wird, muss es eine Möglichkeit geben, das Formular zum Laufen zu bringen. Dies erfordert normalerweise PHP, Zugriff auf a CGI-Skript, oder ein anderes Programm, um das Aktionsattribut des Formulars zu erstellen. Diese Aktion ist, wie das Formular die Daten verarbeitet und was es anschließend damit macht (z. B. in eine Datenbank schreiben oder eine E-Mail senden).

watch instagram stories

Wenn Sie keinen Zugriff auf ein Skript haben, damit das Formular funktioniert, gibt es eine Formularaktion, die von den meisten modernen Browsern unterstützt wird.

action="mailto: deine E-Mail-Adresse"

Dies ist eine einfache Möglichkeit, die Formulardaten von Ihrer Website an Ihre E-Mail zu senden. Diese Lösung ist in ihren Möglichkeiten eingeschränkt. Für kleine Websites ist es jedoch ein guter Anfang.

Tricks zur Verwendung von Mailto-Formularen

Verwenden Sie die enctype="text/plain" Attribut. Dieses Attribut teilt dem Browser und dem E-Mail-Client mit, dass das Formular nur Text sendet und nichts Komplizierteres.

Einige Browser und E-Mail-Clients senden Formulardaten verschlüsselt für Webseiten. Dies bedeutet, dass die Daten als eine Zeile gesendet werden, wobei Leerzeichen durch das Pluszeichen (+) ersetzt und andere Zeichen codiert werden. Verwendung der enctype="text/plain" -Attribut macht die Daten leichter lesbar.

Beispiel für ein Mailto-Formular

Hier ist ein Beispielformular, das die mailto-Aktion verwendet.


Ihr Vorname:
Ihr Nachname:
Bemerkungen:

Dies ist ein einfaches Markup. Idealerweise werden diese Formularfelder mit semantischem Markup und Elementen codiert. Dieses Beispiel ist jedoch für den Umfang dieses Tutorials ausreichend.

Ihre Kunden sehen eine Meldung, dass das Formular per E-Mail gesendet wird. Das Ergebnis sieht so aus:

first_name=Jennifer
last_name=Kyrnin
Kommentare=Hallo!

Verwenden Sie die GET- oder POST-Methode

Während POST Methode manchmal funktioniert, führt sie oft dazu, dass der Browser ein leeres E-Mail-Fenster öffnet. Wenn Ihnen dies mit dem passiert ERHALTEN Methode, dann wechsle zu POST.

Besonderer Hinweis zu Mailto-Formularen

Diese Methode ist zwar einfach, aber auch begrenzt. Beachten Sie, dass mailto-Formulare nicht immer für alle Kombinationen von Browsern und E-Mail-Clients funktionieren. Wenn Sie ein mailto-Formular verwendet haben und nicht erfolgreich waren, kann es sein, dass die Funktion aufgrund einer Kombination von Technologien fehlgeschlagen ist.

Diese Methode ist ein guter erster Versuch, Webformulare zu erstellen, die eine E-Mail generieren und Formulardaten senden. Wenn Sie Ihre Web-Kenntnisse verbessern, erkunden Sie robustere Optionen. Von CGI-Skripten über PHP-Formulare bis hin zu CMS-Plattformen mit integrierten Formular-Widgets stehen Ihnen zahlreiche erweiterte Optionen für Ihre zukünftigen Formularanforderungen für Websites zur Verfügung.

instagram story viewer