Vous pouvez combiner HTML et PHP pour créer un formulaire sur votre site Web, que vous ayez besoin d'un formulaire de contact, d'une enquête de satisfaction ou d'un formulaire de commande. Un formulaire capture les données saisies et les envoie à une adresse e-mail spécifiée.
Dans ce guide, nous vous expliquerons les étapes de configuration et de mise en œuvre d'un formulaire de contact sur votre site Web.
Remarque:Le morceau de code suivant n'est qu'un exemple de la façon dont le formulaire HTML pourrait être utilisé.
Apportez des corrections aux différents champs pour correspondre à votre site internet.
- Étape 1 - Ajoutez le code du formulaire au fichier PHP
- Étape 2 - Modifier et personnaliser le formulaire
- Étape 3 - Enregistrez les modifications et téléchargez le fichier PHP
- Étape 4 - Testez le formulaire
Étape 1 - Ajoutez le code du formulaire au fichier PHP
- À l'aide d'un éditeur de texte ou d'un éditeur HTML, ouvrez le fichier PHP dans lequel vous souhaitez ajouter le formulaire.
Conseil: S'il s'agit d'un fichier HTML, vous pouvez facilement le transformer en fichier PHP en modifiant simplement l'extension du fichier. Par exemple, si le fichier s'appelle contact.html, il suffit de le renommer en contact.php.
-
Copiez le code du formulaire HTML fourni et collez-le à l'emplacement souhaité dans le fichier PHP. Assurez-vous que le formulaire est placé dans la
<body>section du document PHP.
Cliquez pour afficher le code que vous pouvez insérer sur votre site Web:
-
Code du formulaire
<?php
// if "email" variable is filled out, send email
if (isset($_REQUEST['email'])) {
//Email information
$to = "email@example.com";
$subject = "Message from website";
$message = "From: " . $_REQUEST['name'] . "\r\n" .
"Email: " . $_REQUEST['email'] . "\r\n" .
"Message:" . $_REQUEST['message'];
$headers = 'From: email@example.com' . "\r\n" .
'Reply-To: email@example.com' . "\r\n" .
'X-Mailer: PHP/' . phpversion();
//Send email
mail($to, $subject, $message, $headers);
//Email response
echo "Thank you for contacting us!"; }
//if "email" variable is not filled out, display the form
else { ?>
<form method="post" >
<label for="name">Name* </label><br />
<input name="name" required="true" /><br />
<label for="email">Email* </label><br />
<input name="email" required="true" /><br />
<label for="message">Your message*</label><br />
<textarea cols="100" rows="10" name="message" required="true"></textarea><br />
<p><small>Required fields</small></p>
<input type="submit" value="Send" />
</form>
<?php } ?>
-
Étape 2 - Modifier et personnaliser le formulaire
Changements nécessaires à apporter au formulaire:
ligne 6 → Ce sera le destinataire de notre email.
ligne 13 → Ce sera l'expéditeur.
Remarque: il doit s'agir d'une adresse e-mail associée à votre domaine. Ainsi, si, par exemple, vous avez le domaine one-example.com, il doit s'agir d'une adresse @one-example.com.
ligne 14 → Ceci est le champ de réponse.
Personnalisation et modifications facultatives du formulaire:
ligne 7 → C'est le sujet.
ligne 21 → C'est le message de remerciement.
lignes 27, 30, 33 → Ce sont les messages au-dessus des champs.
ligne 36 → Il peut s'agir de n'importe quel message affiché sous le formulaire.
ligne 38 → Il s'agit du texte du bouton.
les lignes 2, 5, 17, 20, 23 peuvent être supprimées si nécessaire. Ce ne sont que des commentaires.
Étape 3 - Enregistrez les modifications et téléchargez le fichier PHP
- Enregistrez les modifications apportées au fichier PHP après avoir ajouté le code du formulaire.
- Téléchargez le fichier PHP mis à jour sur le serveur Web à l'aide d'un client SFTP ou du File Manager de one.com.
Étape 4 - Testez le formulaire
Ouvrez la page Web dans un navigateur et testez le formulaire pour vous assurer qu'il fonctionne correctement. Remplissez les champs du formulaire et soumettez-le pour vérifier que les données sont envoyées à l'adresse e-mail spécifiée.
Articles Liés: