Cours 4.1. Les formumlaires HTML

Introduction

Les formulaires représentent un point fondamental dans la création de pages dynamiques puisqu’ils permettent à l’utilisateur de saisir des données. Voici un exemple de formulaire contenant des boutons, des champs et des listes déroulantes :

Exemple de formulaire HTML

Syntaxe

La création d'un formulaire HTML se définit grâce à la balise <form></form>. Cette balise accepte deux attributs principaux :

Voici un exemple de formulaire HTML :

<form action="traitement.php" method="post">
  Entrez votre nom :
  <input type="text" name="name">
  <input type="submit" value="Envoyer">
</form>

et un script de traitement PHP qui affiche les données reçues :

<?php
var_dump($_POST);

Exercice

Modifier le script de l'exemple précédent pour y ajouter un champ supplémentaire comme sur l'illustration suivante :

Exercice sur les formulaire, saisie du prénom et du nom

Quiz

En HTML, quelle balise permet de déclarer le début d'un formulaire ?

Vérifier Bravo ! La balise <form<>> permet de déclarer un formulaire. Essaie encore ...

Combien de champs comportera le formulaire suivant ?

<form action="traitement.php" method="post">
  <input type="text" name="nom">
  <input type="text" name="prénom">
  <input type="text" name="ville">
  <input type="submit" value="Envoyer">
</form>
Vérifier Bravo ! Il y a trois champs : nom, prénom et ville. Essaie encore ...

Dans le code suivant, lorsque l'utilisateur va soumettre le formulaire, vers quelle page sera-t-il redirigé ?

<form action="process.php" method="post">
  ...
</form>
Vérifier Bravo ! Le formulaire sera envoyé au fichier process.php dans le même dossier. Essaie encore ...

Dans le formulaire suivant, lorsque l'utilisateur va soumettre le formulaire, vers quelle page sera-t-il redirigé ?

<form action="/process.php" method="post">
  ...
</form>
Vérifier Bravo ! C'est effectivement le fichier process.php de la racine du site qui recevra le formulaire. Essaie encore ...

Voir aussi


Dernière mise à jour : 02/04/2021