[jQuery] Watermark, un plugin pour pré-remplir vos formulaires

Le web n’est pas peuplé que de professionnels du secteur et de geeks qui connaissent par cœur les usages de l’Internet.
Les n00bs sont encore très nombreux et pour eux, faire une commande sur le net ou remplir un formulaire n’est pas naturel.

L’une des bonnes pratiques consiste à guider ses utilisateurs, notamment dans les formulaires en indiquant quel type d’informations vous souhaitez qu’ils inscrivent.
L’exemple de base est le formulaire de recherche pré-rempli avec un simple « Recherche » dedans ou encore le formulaire de contact avec « email@adresse.com ».

 
Watermark est un plugin pour la librairie javascript jQuery qui permet de pré-remplir très facilement ses formulaires.

Il supporte par défaut les marqueurs de type <input type="text" />, <input type="password" /> et <textarea />

Son utilisation est très simple :

$("#inputId").watermark("texte à afficher dans le champ");

Ce qui est très pratique, c’est que ce mécanisme permet de personnaliser le message ne fonction du contexte, dynamiquement, puisqu’il s’agit de javascript.

Une autre fonctionnalité intéressante vient compléter ce plugin. L’extension de selecteur :data(...) permet de filtrer les marqueurs impactés en fonction par la collection.

Par exemple, pour ne prendre en compte que les marqueur qui ont un champ « myItem » dont la valeur commence par la lettre « a » :

$("input:data(myItem^=a)");

Bien d’autres usages sont possibles.

Très pratique ce petit plugin jQuery.

En savoir plus et téléchargez le plugin « Watermark » pour jQuery