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

Fluid Labels is a jQuery plugin used for creating mobile-friendly floating html labels that allow the user to keep track of the current input field or textarea.

Float-Label-Pattern Input-label Placeholder

Documentation

Fluid Labels

Installation

Via bower:

bower install fluid-labels 

Include the files in your project:

  • dist/fluid-labels.js
  • dist/fluid-labels.css
  • jquery

Create a field group:

<div class="fluid-label">   <input type="text" placeholder="Your Field Name" />   <label>Your Field Name</label> </div>

Activate the jQuery plugin:

$('.fluid-label').fluidLabel();

Options

{   inputOffsetTop: Number,   animationDuration: Number,   focusClass: String }

You May Also Like