Floatify

A light-weight floating form label plugin for jQuery

Based on a UI concept by Matt D. Smith.

Demo

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' }

License

MIT