form.html
<!DOCTYPE html> <!-- Déclaration du type de document HTML utilisé -->
<html lang="fr"> <!-- Déclaration de la langue utilisée dans la page -->
<head>
<meta charset="UTF-8"> <!-- Définition de l'encodage des caractères utilisé -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Réglage de l'affichage sur les appareils mobiles -->
<title>Formulaire d'informations</title> <!-- Titre de la page affiché dans l'onglet du navigateur -->
</head>
<body>
<h2>Formulaire d'informations</h2> <!-- Titre de la section -->
<form action="process-form.php" method="post"> <!-- Début du formulaire, action spécifie l'URL du script de traitement, method spécifie la méthode HTTP utilisée (post pour envoyer les données de manière sécurisée) -->
<label for="nom">Nom :</label><br> <!-- Champ de saisie pour le nom avec une étiquette associée -->
<input type="text" id="nom" name="nom" required><br><br> <!-- Champ de saisie de type texte pour le nom, id et name sont utilisés pour identifier le champ, required indique que ce champ est obligatoire -->
<label for="age">Âge :</label><br> <!-- Champ de saisie pour l'âge avec une étiquette associée -->
<input type="number" id="age" name="age" required><br><br> <!-- Champ de saisie de type nombre pour l'âge, id et name sont utilisés pour identifier le champ, required indique que ce champ est obligatoire -->
<label for="ville">Ville :</label><br> <!-- Champ de saisie pour la ville avec une étiquette associée -->
<input type="text" id="ville" name="ville" required><br><br> <!-- Champ de saisie de type texte pour la ville, id et name sont utilisés pour identifier le champ, required indique que ce champ est obligatoire -->
<input type="submit" value="Envoyer"> <!-- Bouton de soumission du formulaire -->
</form> <!-- Fin du formulaire -->
</body>
</html>
process-form.php
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulaire d'informations - Traitement</title>
</head>
<body>
<h2>Informations saisies :</h2>
<?php
// Vérification si le formulaire a été soumis
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// Récupération des données du formulaire
$nom = $_POST['nom'];
$age = $_POST['age'];
$ville = $_POST['ville'];
// Affichage des informations saisies
echo "<p>Nom : $nom</p>";
echo "<p>Âge : $age ans</p>";
echo "<p>Ville : $ville</p>";
} else {
// Si le formulaire n'a pas été soumis, afficher un message d'erreur
echo "<p>Erreur : Le formulaire n'a pas été soumis.</p>";
}
?>
</body>
</html>
