Un tutoriel sur l'utilisation des formulaires 'Mailto'

Créer un formulaire de courrier électronique simple avec HTML

Une nouvelle fonctionnalité du site Web concepteurs de sites Web difficile 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 HTML mailto.

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 manière 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).

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.

|__+_|

Il s'agit d'un moyen simple d'obtenir les données du formulaire de votre site Web vers votre adresse e-mail. 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='texte/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 codé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 encodés. En utilisant le enctype='texte/plain' L'attribut facilite la lecture des données.

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 simple balisage. 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 didacticiel.

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

|__+_|

Utilisez la méthode GET ou POST

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

Remarque spéciale sur les formulaires Mailto

Cette méthode, bien que facile, est également 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 se peut qu'une combinaison de technologies ait provoqué 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.