Créer un formulaire de contact et envoyer des courriels en PHP

Avoir un formulaire de contact sur votre site web est essentiel lorsque vous avez besoin de savoir ce que vos visiteurs de site pensent au sujet de votre site web. Nous allons d'abord créer un simple formulaire de contact avec les 3 champs - Adresse e-mail, nom, les commentaires. Je vais utiliser un tableau pour aligner les 3 champs et le bouton Envoyer. 

Vous aurez besoin que votre hébergeur active la fonction d'envoi de mail. la plupart de shébergeurs même gratuits (sauf Zymic qui est une option payante) l'ont activée.

Ouvrez la page où vous voulez mettre le formulaire de contact par exemple: contact.html.

Collez le code ci-dessous en elle à l'endroit voulu en utilisant le côté "Code" de Dreamweaver.. Enregistrez-la et transférez-la sur votre serveur web. 

Maintenant, vous avez besoin d'une autre page traitement-contact.php. Ce que vous avez à faire est d'ouvrir la même page contact.html, d'y supprimer le formulaire précédent et de l'enregistrer sous traitement-contact.php. C'est la page qui va envoyer le formulaire et qui va s'afficher comme réponse à l'envoi. Vous allez y mettre le troisième code ci-dessous.

Donc, collez le code suivant dans l'endroit où vous voulez faire apparaître votre formulaire:

<form action="traitement-contact.php" method="post" enctype="application/x-www-form-urlencoded" name="formulaire">
<tr>
<td colspan="3"><strong>Pour me contacter, veuillez utiliser le formulaire suivant:</strong></td>
</tr>
<tr>
<td><div align="left">Votre nom :</div></td>
<td colspan="2"><input type="text" name="nom" size="45" maxlength="100"></td>
</tr>
<tr>
<td width="17%"><div align="left">Votre mail :</div></td>
<td colspan="2"><input type="text" name="mail" size="45" maxlength="100"></td>
</tr>
<tr>
<td><div align="left">Sujet : </div></td>
<td colspan="2"><input type="text" name="objet" size="45" maxlength="120"></td>
</tr>
<tr>
<td><div align="left">Message : </div></td>
<td colspan="2"><textarea name="message" cols="50" rows="10"></textarea></td>
</tr>
<tr>
<td></td>
<td width="42%"><center>
<input type="reset" name="Submit" value="Réinitialiser le formulaire">
</center></td>
<td width="41%"><center>
<input type="submit" name="Submit" value="Envoyer">
</center></td>
</tr>
</form>

Le résultat: