Créer un formulaire de contact à l'aide de HTML et PHP

Le formulaire de contact est une partie très essentielle de tout site Web. Les visiteurs du site doivent communiquer avec le propriétaire du site à différentes fins. En utilisant le formulaire de contact, les visiteurs envoient des messages à l'administrateur ou au propriétaire du site avec les coordonnées. L'administrateur ou le propriétaire du site peut répondre aux visiteurs après avoir lu et considéré l'importance de leur message. Vous pouvez créer un formulaire de contact pour n'importe quel site de diverses manières. Comment créer un formulaire de contact simple et un formulaire de contact réactif en utilisant HTML, CSS, Bootstrap et PHP a été montré dans ce tutoriel.

Formulaire de contact simple

La façon de concevoir un formulaire de contact simple en utilisant HTML, CSS et PHP a été montré dans cette partie du tutoriel.

Code HTML et CSS:

Créer un fichier PHP nommé Simple_contact_form.php avec le script suivant pour afficher le formulaire de contact en utilisant HTML et CSS uniquement. Le script PHP sera ajouté plus tard pour valider le formulaire et afficher les données du formulaire soumis.

Formulaire de contact

Nom


E-mail


Message

Maintenant, exécutez le Simple_contact_form.php fichier du serveur. La sortie suivante apparaîtra après avoir exécuté le script.

Lire, valider et imprimer les données du formulaire à l'aide de PHP

Maintenant, ajoutez le script PHP suivant au début du simple_contact_form.Fichier PHP pour valider les données du formulaire, lire les données du formulaire et imprimer les données sur le navigateur. Lorsque l'utilisateur cliquera sur le bouton Soumettre, les données du formulaire seront vérifiées pour la validation à l'aide du script PHP. Si les données soumises seront validées, les données seront imprimées dans le navigateur.

Code PHP:

Ajouter le code PHP suivant au début du Simple_contact_form.php déposer.

$ name = "";
$ nameerr = "";
$ email = "";
$ emailrr = "";
$ message = "";
$ messageerr = "";
$ error = false;
/ * Vérifiez les champs requis * /
if (isset ($ _ post ['soumi']))

$ name = $ _post ['name'];
$ email = $ _post ['e-mail'];
$ message = $ _post ['message'];
if ($ name == "")

$ nameerr = "champ ne peut pas être vide."
$ error = true;

else if (strlen ($ name) < 3)

$ nameerr = "Le nom doit compter plus de 2 caractères."
$ error = true;

autre

$ nameerr = "";

if ($ email == "")

$ e-mailr = "champ ne peut pas être vide."
$ error = true;

sinon si (!filter_var ($ e-mail, filter_validate_email)))

$ emailrr = "Adresse e-mail non valide."
$ error = true;

autre

$ emailrr = "";

if ($ message == "")

$ Messageerr = "Le champ ne peut pas être vide."
$ error = true;

else if (strlen ($ message) < 10)

$ Messageerr = "Le message doit compter plus de 9 caractères."
$ error = true;

autre

$ messageerr = "";

if ($ error == false)

$ name = $ name;
$ à = 'admin @ linuxhint.com ';
$ from = $ e-mail;
$ sujet = 'enquête';
$ body = 'Bonjour,

'.$ message.'

Merci,
'.$ name;
écho "à:".$ à."
Depuis: ".$ de."
Sujet: ".$ Sujet."

---

".$ corps;


si(!isset ($ _ post ['soumettre']) || $ error == true)

?>

Ajouter le code PHP suivant à la fin du Simple_contact_form.php déposer.

?>

Si le formulaire est soumis en gardant tous les champs vides, la sortie suivante apparaîtra.

Si le formulaire est soumis en tapant moins de 9 caractères dans les champs de message, alors la sortie suivante apparaîtra.

Si le formulaire est soumis avec toutes les données valides, la sortie suivante apparaîtra.

En utilisant les codes ci-dessus, vous pouvez facilement créer un formulaire de contact très simple pour votre site. Mais ce formulaire n'est pas un formulaire de contact réactif. La façon de rendre cette forme réactive a été montrée dans la prochaine partie de ce tutoriel.

Formulaire de contact réactif

La plupart des sites Web sont maintenant conçus avec des fonctionnalités réactives. La manière de convertir le formulaire de contact simple créé précédemment en un formulaire de contact réactif à l'aide de bootstrap a été montré dans cette partie du tutoriel.

Code HTML:

Créer un fichier PHP nommé Reactive_contact_form.php avec le script suivant pour afficher le formulaire de contact réactif en utilisant HTML et Bootstrap. Le script PHP sera ajouté plus tard pour valider le formulaire et afficher les données du formulaire soumis.

>