Créer une page de contact en PHP
Bonjour à tous les lecteurs,Je vous propose aujourd'hui un tutoriel pour créer une page de contact en PHP, qui vous permettra d'ajouter une fonctionnalité essentielle à votre site web : la possibilité pour vos visiteurs de contacter l'administrateur.Ce cours est facilement réalisable, car tous les codes nécessaires vous seront fournis, accompagnés d'explications claires et détaillées. Ainsi, même si vous ne connaissez pas encore ce langage informatique, vous pourrez réussir à créer votre propre page de contact en PHP de manière professionnelle et efficace.N'hésitez pas à suivre pas à pas les étapes de ce tutoriel pour ajouter une touche de professionnalisme à votre site web.
Création du formulaire HTML CSS
Le code ci-dessous est celui du formulaire en HTML. Il faut copier et coller l'ensemble de ce code source sur une nouvelle page web.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Page de contact</title>
<link rel="stylesheet" href="style.css">
</head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
text-align: center;
font-size: 2em;
margin-top: 50px;
}
form {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0px 0px 5px 0px #ddd;
}
label {
display: block;
margin-bottom: 10px;
font-weight: bold;
}
input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
margin-bottom: 20px;
}
input[type="submit"] {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}
input[type="submit"]:hover {
background-color: #0069d9;
}
</style>
<body>
<h1>Contactez-nous</h1>
<form method="post" action="envoi-message">
<label for="nom">Nom :</label>
<input type="text" name="nom" id="nom" required>
<label for="email">Email :</label>
<input type="email" name="email" id="email" required>
<label for="message">Message :</label>
<textarea name="message" id="message" required></textarea>
<input type="submit" value="Envoyer">
</form>
</body>
</html>
Créer le fichier de traitement PHP
Maintenant, nous allons créer le fichier de traitement PHP qui va récupérer les données du formulaire et les stocker dans une base de données. Voici un exemple :Fichier SQL
Avant de continuer avec le php, vous devez créer la base de données qui va stocker les données du formulaire. Voici un exemple de requête SQL pour créer la table "contacts" dans la base de données "codingformulaire":
CREATE TABLE contacts (
id INT NOT NULL AUTO_INCREMENT PRIMARY KEY,
nom VARCHAR(255) NOT NULL,
email VARCHAR(255) NOT NULL,
message TEXT NOT NULL
);
<?php
// Connexion à la base de données
try {
$bdd = new PDO('mysql:host=localhost;dbname=codingformulaire;charset=utf8', 'root', '');
}
catch(Exception $e) {
die('Erreur : '.$e->getMessage());
}
// Récupération des données du formulaire
$nom = $_POST['nom'];
$email = $_POST['email'];
$message = $_POST['message'];
// Insertion des données dans la base de données
$req = $bdd->prepare('INSERT INTO contacts (nom, email, message) VALUES (:nom, :email, :message)');
$req->execute(array(
'nom' => $nom,
'email' => $email,
'message' => $message
));
// Redirection vers la page de confirmation
header('Location: confirmation.html');
?>
Page de confirmation
Nous allons créer une page nommée confirmation.html qui va avertir l'utilisateur si le message est envoyé
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Envoyé</title>
</head>
<body>
<h1>Message envoyé</h1>
</body>
</html>
Télécharger le code source
Mot de passe
lE MOT DE PASSE DU FICHIER ZIP EST: codingteam
3 commentaires