Formulaire de contact HTML sans PHP ni serveur (tutoriel 2026)
Par Maxime Branger · Publié le
Le problème
Un formulaire HTML ne sait pas envoyer d'email tout seul. Sans PHP ni serveur, il reste deux options habituelles. La première est le lien mailto: , qui ouvre le client mail du visiteur, et encore, s'il en a un configuré. La seconde est d'écrire et d'héberger un backend. AirMess propose une troisième voie : votre formulaire envoie les données à une URL, et vous recevez un email.
Étape 1 : créer le formulaire sur AirMess
Créez un compte sur AirMess, puis un nouveau formulaire. Indiquez l'adresse qui recevra les messages et ajoutez votre domaine à la liste des origines autorisées. Copiez l'URL du formulaire.
Étape 2 : ajouter le formulaire à votre page
<form action="https://airmess.fr/api/submit/VOTRE_TOKEN" method="POST">
<label for="name">Nom</label>
<input id="name" name="name" type="text" required>
<label for="email">Email</label>
<input id="email" name="email" type="email" required>
<label for="message">Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
<button type="submit">Envoyer</button>
</form> C'est tout : ce formulaire fonctionne sans JavaScript. À l'envoi, le navigateur quitte la page et le visiteur arrive sur une page de confirmation hébergée par AirMess. Pour le ramener sur votre site, renseignez « URL de redirection après envoi » dans les réglages du formulaire, par exemple votre page /merci .
Vous préférez que le visiteur reste sur la page et voie un message de confirmation à la place du formulaire ? Suivez le tutoriel Formulaire de contact sans rechargement de page (fetch) .
En cas de problème
Si l'envoi est refusé (page d'erreur ou erreur 403), votre domaine n'est pas dans la liste des origines autorisées. Pensez-y aussi pour vos tests en local. Pour bloquer les robots, activez hCaptcha dans les réglages du formulaire.
Le code complet de ce tutoriel est disponible sur GitHub.