Plugin JQuery SlidingLabels : pour ameliorer l’ergonomie des formulaires

Le blog CSSKarma nous propose un code JQuery (qui n’est pas tout à fait sous la forme d’un plugin, mais le code est proposé « clé-en-main ») permettant d’améliorer l’ergonomie des formulaires.

L’effet est tout simple, les labels des champs du formulaires sont à l’intérieur des champs de texte inactifs et lorsque le champ prend le focus, son label se déplace vers la gauche pour sortir du champ. Si l’utilisateur n’a rien saisi dans le champ, le label retrouve sa position initiale, autrement, il reste en dehors du champ.

Je trouve cette technique toute bête assez efficace et qui peut ajouter un petit plus à vos formulaires.

Ils ont nommé cela SlidingLabels et un démo est disponible directement ici.

Ce contenu a été publié dans JQuery, avec comme mot(s)-clé(s) , , . Vous pouvez le mettre en favoris avec ce permalien.

6 reponses a Plugin JQuery SlidingLabels : pour améliorer l’ergonomie des formulaires

  1. Arnaud dit :

    J’aime pas du tout le style. Il n’apporte rien, juste de l’effet gadget. Enfin c’est mon avis …

  2. Fredj dit :

    Pratique, merci du tuyau !
    FredJ

  3. Ca ne me gêne pas particulièrement mais bon, rien de révolutionnaire non plus. Un plugin juste pour ca c’est un peu dommage (en une ligne de code javascript c’est plié).

  4. The only thing that is relevant is that Gears of war 3 starts in a little more than week

  5. Le plugin a été mis à jour (version 3). Et le lien vers la démo n’est plus effectif.
    Rémi

  6. Jordan dit :

    The steam (or fog) coming off the road lokeod amazing. Made it look so much more like real snowboarding, spraying some powder up as you go.(I wish there were some way to stay logged in to this thing so I didn’t have to type that info each time, not that I’m gonna be posting on here that often lol)

Laisser un commentaire

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