Floatify
A light-weight floating form label plugin for jQuery
Based on a UI concept by Matt D. Smith.
Usage
Include jquery.floatify.js
and jquery.floatify.css
to your page
<link href="jquery.floatify.css" rel="stylesheet" /> <!-- floatify is jQuery plugin, so... --> <script src="jquery.js"></script> <script src="jquery.floatify.js"></script>
HTML
Just normal HTML input
tag with placeholder
<input type="text" placeholder="First name">
JS
$('input').floatify({ // options });
Available options
{ position: 'left', // can be left or right hGap: null // horizontal gap, can be any number or even string like '10px' }