Formulaire HTML : pourquoi mailto ne fonctionne pas comme prévu

Un exemple à copier

<form action="https://formeo.me/api/submit" method="POST" data-littlereply="YOUR_ACCESS_KEY" data-locale="fr" data-success="Votre message a bien été enregistré. Nous vous répondrons bientôt.">
  <input type="hidden" name="_fq_key" value="YOUR_ACCESS_KEY" />
  <input type="text" name="botcheck" tabindex="-1" autocomplete="off" style="display:none" aria-hidden="true" />

  <label for="fq_name">Votre nom *</label>
  <input type="text" name="name" id="fq_name" required autocomplete="name" />

  <label for="fq_email">Votre adresse e-mail *</label>
  <input type="email" name="email" id="fq_email" required autocomplete="email" />

  <label for="fq_message">Votre message *</label>
  <textarea name="message" id="fq_message" required maxlength="5000" rows="5"></textarea>

  <button type="submit">Envoyer mon message</button>
  <p role="status" aria-live="polite"></p>
</form>
<!-- Erreurs AJAX accessibles et reprises sans doublon -->
<script src="https://formeo.me/client/v1.js" data-api="https://formeo.me" defer></script>

La clé YOUR_ACCESS_KEY est un emplacement à remplacer par la clé publique de votre formulaire. Le code ne contient aucune clé serveur ni adresse de destination.

Une dépendance au poste du visiteur

Si aucun logiciel n’est configuré, l’action peut échouer ou ouvrir une boîte vide. Sur un appareil partagé, le message peut partir d’un autre compte. Le visiteur doit généralement confirmer lui-même l’envoi.

Le comportement varie selon le navigateur, le système et le logiciel. Un test réussi sur votre ordinateur ne démontre pas que le formulaire fonctionne pour vos visiteurs.

Quand garder un lien mailto

Un simple lien de contact peut rester utile si vous voulez laisser le visiteur choisir sa messagerie et écrire librement. Affichez alors clairement une adresse de contact.

Pour des champs structurés, une demande de devis ou une mesure de réception, utilisez un vrai POST vers un backend. Vous pouvez vérifier le stockage et suivre la notification séparément.

Remplacer l’action du formulaire

Créez un formulaire avec les mêmes noms de champs, puis remplacez l’action mailto par le code de votre formulaire. Le destinataire est enregistré dans votre compte plutôt que dans une URL publique.

Testez la validation, les erreurs réseau et la réception avant de retirer l’ancien lien de contact. Un backend peut aussi échouer ; l’inbox et les états visibles permettent de diagnostiquer cet échec.