Aller au contenu principal
Développement 1 min de lecture mardi 24 juin 2025 à 09:33

👉 Bien utiliser les placeholders dans vos formulaires HTML

Des exemples concrets et bonnes pratiques UX pour des placeholders utiles et clairs.

Placeholder dans inout HTML

Les placeholders dans les formulaires doivent suivre des bonnes pratiques UX. Voici les recommandations :

Un exemple de donnée valide (recommandé)

  • Plus concret et utile pour l'utilisateur

  • Montre exactement le format attendu

  • Exemple : john.doe@example.com pour un email

Une explication succincte (alternative)

  • Quand un exemple n'est pas possible ou pertinent

  • Doit être courte et claire

  • Exemple : Entrez votre adresse email

Recommandations

  • Mot de passe : Garder vide (c'est une bonne pratique pour les mots de passe)

  • Champs de recherche : Exemples concrets

  • Champs de saisie libre : Explications courtes

Règles générales :

  • Court : Maximum 2-3 mots

  • Clair : Compréhensible immédiatement

  • Utile : Aide à la saisie

  • Jamais d'instructions complexes : Ce n'est pas le rôle du placeholder

Le placeholder doit être un aide-mémoire, pas un tutoriel complet !

Articles similaires