🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Floatify is a super tiny jQuery plugin that makes the placeholders displayed as floating labels on the top of the text fields while typing.

Float-Label-Pattern Input-label Placeholder

Documentation

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


You May Also Like