Correction : Exercice 1 - Formulaire contact

Objectif : construire un formulaire accessible avec fieldset, legend, label et les bons champs.

Code corrigé

<form action=\"#\" method=\"post\">
  <fieldset>
    <legend>Contact</legend>

    <label for=\"nom\">Nom</label>
    <input type=\"text\" id=\"nom\" name=\"nom\" required>

    <label for=\"email\">Email</label>
    <input type=\"email\" id=\"email\" name=\"email\" required>

    <label for=\"message\">Message</label>
    <textarea id=\"message\" name=\"message\" rows=\"6\"></textarea>

    <button type=\"submit\">Envoyer</button>
  </fieldset>
</form>

Aperçu

Points à retenir

• Chaque champ doit avoir un label lié par for et id.
• fieldset regroupe logiquement les champs.
• type="email" améliore la saisie et la validation.