Balise HTML essentielle

Balise <input>

Elle crée un contrôle de saisie: texte, e-mail, recherche, case à cocher, date, fichier, etc.

À quoi sert <input> ?

Elle crée un contrôle de saisie: texte, e-mail, recherche, case à cocher, date, fichier, etc.

La règle de base reste simple: choisissez cette balise quand elle décrit mieux le contenu qu'un conteneur générique. Choisissez le type le plus précis possible: email, url, search, number.

Syntaxe courte

<label for="site">Site web</label>
<input id="site" name="site" type="url" autocomplete="url">

Bon usage

  • Choisissez le type le plus précis possible: email, url, search, number.
  • Ajoutez autocomplete quand cela aide l'utilisateur.
  • Utilisez required et pattern avec moderation.

Erreurs fréquentes

  • Ne validez pas seulement côté navigateur pour des données sensibles.
  • Ne laissez pas un champ sans nom visible.

SEO et accessibilité

Un input bien choisi n'améliore pas le classement, mais il rend les interactions plus rapides et accessibles.

Continuer avec