Ce simple formulaire de contact tutoriel va vous apprendre à créer un très simple formulaire de contact pour un site web HTML. Le premier fichier contiendra le code HTML approprié pour le formulaire et le second traitera les données du formulaire à l'aide de php. Téléchargez les 2 fichiers nécessaires ICI. (Le fichier à télécharger est 1 fichier HTML et 1 fichier PHP - 2 fichiers au total) Ils sont compressés ensemble et le téléchargement unique contient les deux fichiers.
Le code de contact HTML nous ressemblera:Vous trouverez ci-dessous le code HTML du formulaire de contact contenu dans le fichier de téléchargement ci-dessus..
Votre nom Votre e-mail Message
Et voici à quoi ressemblera le formulaire de contact HTML dans votre navigateur:
Formulaire de contact HTML
Le code PHP ressemblera à ceci:Vous trouverez ci-dessous le code .PHP du formulaire de contact contenu dans le fichier de téléchargement ci-dessus..
$ field_name = $ _POST ['cf_name']; $ field_email = $ _POST ['cf_email']; $ field_message = $ _POST ['cf_message'];
$ mail_to = '[email protected]'; $ subject = 'Message d'un visiteur du site'. $ $ field_name;
$ body_message = 'De:'. $ field_name. ”\ n”; $ body_message. = 'E-mail:'. $ field_email. ”\ n”; $ body_message. = 'Message:'. $ field_message;
$ headers = 'De:'. $ champ_email. "\ r \ n"; $ headers. = 'Reply-To:'. $ field_email. ”\ r \ n”;
$ mail_status = mail ($ mail_to, $ subject, $ body_message, $ headers);
si ($ mail_status) ?> alert ('Merci pour votre message. Nous vous contacterons sous peu.'); window.location = 'contact_page.html'; sinon ?> alert ('Message failed. Merci d'envoyer un email à [email protected]'); window.location = 'contact_page.html'; ?>
Voici comment ajouter ces 2 fichiers sur votre site web:1 - Téléchargez les deux fichiers en utilisant le lien en haut de cette page.2 - Une fois que vous avez décompressé les deux fichiers, allez dans le 'contact.php' et changez les adresses électroniques en votre adresse.3 - Puis téléchargez le fichier 'contact.php' à la racine de votre serveur..4 - Ajoutez ensuite le 'contact_form.html' à votre site Web en ajoutant le lien vers votre texte 'contactez-nous ici'.5 - Une fois terminé, téléchargez ce fichier sur votre site web via FTP.6 - Ensuite, allez sur votre site Web et testez le formulaire de contact en le remplissant et en vous envoyant un courrier électronique..7 - Tout devrait fonctionner. Si ce n’est pas le cas, vérifiez tous les liens et les niveaux de répertoires pour vous assurer.