Aller au contenu principal
Développement

👉 Bien utiliser les placeholders dans vos formulaires HTML

Cyril Robillard · mardi 24 juin 2025 à 09:33

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 !