HTML — Formulaires

Les formulaires HTML recueillent et envoient des informations. Chaque champ a besoin d’un libellé visible, d’un nom pour l’envoi et de consignes qui restent disponibles pendant la saisie.

Les formulaires recueillent et envoient des informations. Un formulaire fiable donne à chaque champ un libellé visible, transmet une paire nom/valeur stable et garde les consignes disponibles dès que la saisie commence. Les types de champs spécialisés, les listes de choix, les boutons et la validation native ont leurs propres leçons.

Relier les libellés, les champs et les données envoyées

Utilisez label pour les libellés visibles et faites correspondre sa valeur for à l’id du champ. Ajoutez name pour que la valeur soit incluse dans l’envoi. Choisissez email, url, date, number ou un autre type lorsque son comportement natif convient aux données attendues.

<form action="/subscribe" method="post">
  <label for="email">Adresse e-mail</label>
  <p id="email-hint">Recevez des nouvelles des leçons chaque semaine.</p>
  <input
    id="email"
    name="email"
    type="email"
    autocomplete="email"
    aria-describedby="email-hint"
  >
  <button type="submit">S’abonner</button>
</form>

• Donnez à chaque champ un libellé visible qui reste affiché.
• Utilisez name pour identifier les données envoyées.
• Utilisez les valeurs autocomplete adaptées aux informations personnelles courantes.