Rien n'arrive au serveur — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 6)

Rien n'arrive au serveur

Formulaires · niveau 2

Énoncé

Reprendre le formulaire d'inscription de la section « Les erreurs classiques » (page sans-name.html) : lister ses quatre défauts et écrire une version correcte, où le nom et le courriel sont obligatoires.

Corrigé

Aucun champ n'a de name : rien n'est envoyé.
Il n'y a pas de bouton d'envoi : c'est la seule erreur que signale le validateur standard.
L'étiquette « Nom » (for="nom") désigne un élément inexistant ; le champ porte l'id prenom.
Le courriel n'a pas d'étiquette, seulement un placeholder.


<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Inscription corrigée</title>
</head>
<body>
  <form action="/inscription" method="post">
    <p>
      <label for="nom">Nom</label>
      <input type="text" id="nom" name="nom" required>
    </p>
    <p>
      <label for="courriel">Courriel</label>
      <input type="email" id="courriel" name="courriel" required>
    </p>
    <p><button type="submit">S'inscrire</button></p>
  </form>
</body>
</html>