Submit your widget

jQuery Float Label Pattern

Created 6 years ago   Views 15285   downloads 2033    Author clubdesign
jQuery Float Label Pattern
View DemoDownload 6.9 KB
Share |


Follows the famous Float Label Pattern. Built on jQuery.

The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on aDribbble 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.
Download floatlabels.js from Github, upload the file to your server & include it in your code AFTER jQuery.

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

<script src="jquery.js" type="text/javascript"></script>
<script src="floatlabels.js" type="text/javascript"></script>

Read more: