La spécification HTML5 introduit de nombreuses évolutions au niveau des formulaires, afin de mettre en place des comportements jusqu’ici traités par Javascript.
Intéressons-nous aujourd’hui à l’attribut ‘placeholder’, permettant de générer un petit texte par défaut dans un champ de saisie.
Placeholder
Quant un champ de saisie n’a pas encore de valeur, il peut être intéressant d’en proposer un par défaut, ne serait-ce que pour donner l’exemple à l’utilisateur sur la manière de remplir ce champ.
La syntaxe est extrêmement simple:
<input type="text" placeholder="01/01/1980">
Cet attribut s’applique aux éléments input et textarea.
Compatibilité
Firefox | Safari | Safari Mob | Chrome | Opéra | IE | Androïd | |
Placeholder | 4+ | 5+ | 4+ | 10+ | 11.50 | 10+ | 2.3+ |