Ein Tutorial zur Verwendung von 'Mailto'-Formularen
Erstellen Sie ein einfaches E-Mail-Formular mit HTML
Eine Website-Funktion, die neu ist Webdesigner kämpfen ist ein Formular, aber Webformulare müssen nicht kompliziert sein. Mailto-Formulare sind eine einfache Möglichkeit, Formulare zum Laufen zu bringen. Diese Formulare verlassen sich auf E-Mail-Clients, um die Formulardaten vom Computer des Kunden an den Formulareigentümer zu senden. Mailto-Formulare sind einfacher als Schreiben lernen PHP und billiger als der Kauf eines vorgefertigten Skripts. So erstellen Sie ein HTML-Mailto-Formular.
Courtney Keating/E+/Getty Images
Einstieg
HTML-Formulare können für neue eine Herausforderung darstellen Web-Entwickler weil diese Formulare mehr erfordern als das Erlernen von HTML-Markup. In Ergänzung zu HTML-Elemente benötigt werden, um das Formular und seine Felder zu erstellen, 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 danach damit macht (z. B. in eine Datenbank schreiben oder eine E-Mail senden).
Wenn Sie keinen Zugriff auf ein Skript haben, um das Formular zum Laufen zu bringen, gibt es eine Formularaktion, die von den meisten modernen Browsern unterstützt wird.
|_+_|Dies ist eine einfache Möglichkeit, die Formulardaten von Ihrer Website in Ihre E-Mail zu übertragen. Diese Lösung ist in ihren Möglichkeiten begrenzt. Für kleine Websites ist es jedoch ein guter Ausgangspunkt.
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 einfachen Text sendet und nichts Komplizierteres.
Einige Browser und E-Mail-Clients senden Formulardaten verschlüsselt für Webseiten . Das bedeutet, dass die Daten als eine Zeile gesendet werden, wobei Leerzeichen durch das Pluszeichen (+) ersetzt und andere Zeichen kodiert werden. Verwendung der enctype='text/plain' -Attribut erleichtert das Lesen der Daten.
Muster-Mailto-Formular
Hier ist ein Beispielformular, das die Mailto-Aktion verwendet.
|_+_|Ihr Vorname:
Ihr Nachname:
Kommentare:
Dies ist eine einfache Markierung. Idealerweise werden diese Formularfelder mit semantischem Markup und Elementen codiert. Dieses Beispiel reicht jedoch für den Umfang dieses Tutorials aus.
Ihre Kunden sehen eine Meldung, dass das Formular per E-Mail gesendet wird. Das Ergebnis sieht so aus:
|_+_|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 das mit dem passiert ERHALTEN Methode, dann wechseln Sie zu POST .
Besonderer Hinweis zu Mailto-Formularen
Diese Methode ist zwar einfach, aber auch begrenzt. Es ist wichtig zu beachten, 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, könnte es eine Kombination von Technologien geben, die dazu geführt haben, dass die Funktion fehlgeschlagen ist.
Diese Methode ist ein guter erster Versuch, Webformulare zu erstellen, die eine E-Mail generieren und Formulardaten senden. Wenn Sie in Ihren Webkenntnissen fortgeschrittener werden, erkunden Sie robustere Optionen. Von CGI-Skripten über PHP-Formulare bis hin zu CMS-Plattformen mit integrierten Formular-Widgets haben Sie zahlreiche erweiterte Optionen, die Sie für Ihre zukünftigen Website-Formularanforderungen berücksichtigen können.