Wie kann man Mailto-Formen erstellen

Die Mailto-Formulare werden in Websites verwendet, um mit Besuchern in Kontakt zu bleiben, sodass sie Fragen stellen, Vorschläge machen oder Feedback geben können. Diese Formen sind einfach zu handhaben; Sie enthalten normalerweise Felder für die E-Mail-Adresse, den Benutzernamen und einen Textbereich für die Nachricht.

Wenn ein Besucher ein Mailto-Formular einreicht, öffnet der Mailto Link den E-Mail-Client des Besuchers gefüllt mit den Forminhalten. Dann kann der Besucher auf "Absenden" klicken, um eine E-Mail an den Web-Administrator zu erstellen.

Um ein einfaches Mailto-Formular zu erstellen, müssen Sie das Element <form> mit seinen Attributen action (gibt die Adresse (URL) an, an die das Formular gesendet werden soll), method (gibt die HTTP-Methode beim Senden des Formulars an) und enctype (Gibt die Codierung der übergebenen Daten an) verwenden, geben Sie den Mailto: Link, das Element <textarea> und das Element <input> für das Absenden des Formulars an.

Sie können 3 mögliche Werte für die Encode-Codierung verwenden:

  • application/x-www-form-urlencoded ist die richtige Option für die meisten einfachen HTML-Formulare. Dies ist der Standardwert, wenn das Attribut enctype nicht angegeben ist.
  • multipart/form-data ist erforderlich, wenn Ihre Benutzer eine Datei über das Formular hochladen müssen.
  • text/plain ist eine gültige Option, obwohl die Daten ohne jegliche Codierung gesendet werden. Es wird nicht empfohlen, da sein Verhalten schwer vorhersehbar ist.

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
  </head>
  <body>
    <h2>Lassen Sie ein Feedback zu unserer Website.</h2>
    <form action="mailto:[email protected]" method="get" enctype="text/plain">
      <p>Name: <input type="text" name="name"/></p>
      <p>E-Mail: <input type="text" name="email"/></p>
      <p>Kommentare:
        <br />
       <textarea name="comments" rows = "12" cols = "35">Senden Sie Ihre Kommentare.</textarea>
        <br>
      <p><input type="submit" name="submit" value="Absenden" />
        <input type="reset" name="reset" value="Löschen" />
      </p>
    </form>
  </body>
</html>

Die Vorteile von Mailto Formen

Ein Mailto-Formular ermöglicht es Ihnen, bestimmte Fragen zu stellen, während ein Mailto-Link das nicht tut. In Anbetracht der Antworten können Sie Ihre E-Mail-Nachrichten problemlos sortieren und Antworten auf die Fragen geben, die für die Beantwortung wichtig sind.

Außerdem können Sie mit einem Formular nicht immer die E-Mail-Adresse auf der Webseite anzeigen, so dass Spammer nicht fließen.