Web Formulaires HTML5 – Placeholder

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.

Date de naissance

La syntaxe est extrêmement simple:

<input type="text" placeholder="01/01/1980">

Cet attribut s’applique aux éléments input et textarea.

Compatibilité

firefoxFirefox safariSafari mobsafariSafari Mob chromeChrome operaOpéra ieIE androidAndroïd
Placeholder 4+ 5+ 4+ 10+ 11.50 10+ 2.3+

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.