jQuery Placeholder — L’attribut de formulaire HTML5 «placeholder» pour les navigateurs anciens

jQuery-Placeholder permet d’utiliser l’attribut de formulaire «placeholder» dans les navigateurs ne prenant pas en charge HTML5. Cet attribut affiche une courte description ou une brève indication de la raison d’être du champs de formulaire en question : «Un Email valide, de préférence !» ou «N’oubliez pas http://», etc. Il ne se substitut pas à la balise label qui indiquerait «Votre Email» ou «Votre site web» (1).

Le plugin s’utilise simplement de la façon suivante :

$('input[placeholder], textarea[placeholder]').placeholder();

Le plugin ajoute la classe .placeholder, ce qui permet d’uniformiser vos styles :

::-webkit-input-placeholder {color: red;}
:-moz-placeholder {color: red;}
.placeholder { color: red }

jQuery Placeholder est compatible avec IE 6+ Firefox 3+ Safari 3+ Chrome ✓ Opera ✓ iPhone ✓ Android ✓

(1) Au cas où vous voudriez tout de même remplacer le label par l’attribut placeholder, n’oubliez pas de désactiver le premier par Javascript de la même manière que vous avez activé le deuxième.