The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is easy to explain. On User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.

Include the latest release of jQuery. The Google AJAX Libraries API can be used for this but you could also host the library yourself.

Currently floatlabels.js is dependent from jQuery 1.8+. Lower Versions have not been tested.

Demo | Download

Float Label Pattern JQuery Plugin


Passion is beyond limitation. If you’re passionate about ANYTHING, nobody can stop you not to do what you want. Blogging and Web Designing is my passion that don’t drive me to do what I want but push me as well to share fanatical stuff with people.

Write A Comment