Balise HTML essentielle

Balise <form>

Elle regroupe des champs interactifs et définit comment envoyer leurs données.

À quoi sert <form> ?

Elle regroupe des champs interactifs et définit comment envoyer leurs données.

La règle de base reste simple: choisissez cette balise quand elle décrit mieux le contenu qu'un conteneur générique. Utilisez method="get" pour une recherche partageable.

Syntaxe courte

<form action="/recherche" method="get">
  <label for="q">Recherche</label>
  <input id="q" name="q" type="search">
</form>

Bon usage

  • Utilisez method="get" pour une recherche partageable.
  • Utilisez method="post" pour modifier ou envoyer des données sensibles.
  • Associez clairement labels, messages d'aide et erreurs.

Erreurs fréquentes

  • Ne comptez pas uniquement sur placeholder pour nommer un champ.
  • Ne bloquez pas la soumission clavier sans raison.

SEO et accessibilité

Les formulaires ne sont pas un levier SEO direct, mais leur accessibilité influence fortement l'expérience utilisateur.

Continuer avec