Exercices sur les formulaires

Exercice 0

Créez un repository public avec un README sur GitHub, appelez-le coda-bph-j2
Créez un dossier formulaires dans le dossier coda-bph-j2

Exercice 1 : afficher les données d'un formulaire get

Pour cet exercice, vous allez devoir créer deux fichiers :

exercice1.html
exercice1.php

Dans le fichier exercice1.html vous allez créer un formulaire de recherche qui a la méthode get et l'action exercice1.php.

Ce formulaire contient un champ de recherche et un bouton de soumission.

Dans le fichier exercice1.php vous allez faire en sorte d'afficher le contenu du champ de recherche que vous a envoyé le formulaire HTML.

Exercice 2 : afficher les données d'un formulaire post

Pour cet exercice, vous allez devoir créer deux fichiers :

exercice2.html
exercice2.php

Dans le fichier exercice2.html vous allez créer un formulaire de connexion qui a la méthode post et l'action exercice2.php.

Ce formulaire contient un champ email, un champ password et un bouton de soumission.

Dans le fichier exercice2.php vous allez faire en sorte d'afficher le contenu des champs email et password envoyés par le formulaire HTML.

Exercice 3 : passer une information dans l'URL

Pour cet exercice, vous allez devoir créer deux fichiers :

exercice3.html
exercice3.php

Dans le fichier exercice3.html vous allez créer un lien dont l'attribut href sera votre fichier exercice3.php et qui utilisera un paramètre d'URL pour lui transmettre le nom de l'utilisateur.

Dans le fichier exercice3.php vous allez faire en sorte d'afficher un message de bienvenue qui appelle l'utilisateur par son nom. Si aucun nom n'est présent en paramètres, vous l'appelerez Anonyme.

Exercice 4 : un formulaire pour chercher dans un tableau

Pour cet exercice, vous allez devoir créer deux fichiers :

exercice4.html
exercice4.php

Dans le fichier exercice4.html vous allez créer un formulaire qui utilise la méthode get et a pour action votre fichier exercice4.php. Ce formulaire contient un <select> qui permet de choisir entre trois couleurs : bleu, rouge et vert.

Un exemple de select qui permet de faire ça :

<label for="colorChoice">
    Couleur
</label>
<select name="color" id="colorChoice">
    <option value="blue">Bleu</option>
    <option value="red">Rouge</option>
    <option value="green">Vert</option>
</select>

Dans votre fichier exercice4.php vous allez commencer par déclarer le tableau suivant :

$users = [
    [
        "name" => "Mari",
        "favoriteColor" => "blue"
    ],
    [
        "name" => "Santa",
        "favoriteColor" => "red"
    ],
    [
        "name" => "Shrek",
        "favoriteColor" => "green"
    ],
    [
        "name" => "Iron Man",
        "favoriteColor" => "red"
    ],
    [
        "name" => "Hulk",
        "favoriteColor" => "green"
    ],
    [
        "name" => "Hugues",
        "favoriteColor" => "blue"
    ]      
];

Vous allez ensuite récupérer la couleur qui a été passée via le formulaire et faire en sorte de n'afficher que les noms du tableau dont la couleur préférée correspond à celle choisie dans le formulaire.

21 November 2025