Un tutoriel sur l'utilisation des formulaires 'Mailto'

Une fonctionnalité de site Web nouvelle concepteurs de sites Web lutter avec est un formulaire, mais les formulaires Web n'ont pas besoin d'être compliqués. Les formulaires Mailto sont un moyen simple de faire fonctionner les formulaires. Ces formulaires reposent sur des clients de messagerie pour envoyer les données de formulaire de l'ordinateur du client au propriétaire du formulaire. Les formulaires Mailto sont plus faciles que d'apprendre à écrire PHP et moins cher que d'acheter un script pré-écrit. Voici comment créer un formulaire mailto HTML.

Un clavier avec un bouton Contactez-nous
Courtney Keating / E+ / Getty Images

Commencer

Les formulaires HTML peuvent être difficiles pour les nouveaux développeurs web car ces formulaires nécessitent plus que l'apprentissage du balisage HTML. En plus de Éléments HTML nécessaire pour créer le formulaire et ses champs, il doit y avoir un moyen de faire fonctionner le formulaire. Cela nécessite généralement PHP, l'accès à un Script CGI, ou un autre programme pour créer l'attribut action du formulaire. Cette action est la façon dont le formulaire traite les données et ce qu'il en fait par la suite (par exemple, écrire dans une base de données ou envoyer un e-mail).

watch instagram stories

Si vous n'avez pas accès à un script pour faire fonctionner le formulaire, il existe une action de formulaire prise en charge par la plupart des navigateurs modernes.

action="mailto: votre adresse e-mail"

Il s'agit d'un moyen simple d'obtenir les données du formulaire de votre site Web vers votre courrier électronique. Cette solution est limitée dans ce qu'elle peut faire. Cependant, pour les petits sites Web, c'est un bon point de départ.

Astuces pour utiliser les formulaires Mailto

Utilisez le enctype="text/plain" attribut. Cet attribut indique au navigateur et au client de messagerie que le formulaire envoie du texte brut plutôt que quelque chose de plus compliqué.

Certains navigateurs et clients de messagerie envoient des données de formulaire encodées pour les pages Web. Cela signifie que les données sont envoyées sur une seule ligne, où les espaces sont remplacés par le signe plus (+) et les autres caractères sont codés. En utilisant le enctype="text/plain" L'attribut rend les données plus faciles à lire.

Exemple de formulaire Mailto

Voici un exemple de formulaire utilisant l'action mailto.


Ton prénom:
Votre nom de famille:
Commentaires:

Il s'agit d'un balisage simple. Idéalement, ces champs de formulaire sont codés à l'aide d'un balisage et d'éléments sémantiques. Cependant, cet exemple est suffisant pour la portée de ce tutoriel.

Vos clients voient un message indiquant que le formulaire est envoyé par e-mail. Le résultat ressemble à ceci:

first_name=Jennifer
last_name=Kyrnin
comments=Bonjour!

Utilisez la méthode GET ou POST

Tandis que le PUBLIER fonctionne parfois, le navigateur ouvre souvent une fenêtre de courrier électronique vide. Si cela vous arrive avec le OBTENIR méthode, puis passez à PUBLIER.

Note spéciale sur les formulaires Mailto

Cette méthode, bien que facile, elle aussi limitée. Il est important de noter que les formulaires mailto ne fonctionnent pas toujours pour toutes les combinaisons de navigateurs et de clients de messagerie. Si vous avez utilisé un formulaire mailto et que vous n'avez pas réussi, il peut y avoir une combinaison de technologies qui a causé l'échec de la fonction.

Cette méthode est une bonne première tentative de création de formulaires Web qui génèrent un e-mail et envoient des données de formulaire. Au fur et à mesure que vous progressez dans vos compétences Web, explorez des options plus robustes. Des scripts CGI aux formulaires PHP en passant par les plates-formes CMS dotées de widgets de formulaire intégrés, vous disposez de nombreuses options avancées à prendre en compte pour vos futurs besoins en matière de formulaires de site Web.

instagram story viewer