Thanks to visit codestin.com
Credit goes to github.com

Skip to content

redouglas/floatlabel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 

Repository files navigation

Floatlabel

A jQuery plugin that implements the Float Label Pattern and aims to be as semantic and accessible as possible. Inspired by: http://bradfrostweb.com/blog/post/float-label-pattern/

Written using harp, coffeescript, and stylus.

Demo

View the demo here. See the example folder for source.

Usage

  • Include jQuery & the javascript
  • Include the css and optional aesthetic styles
  • Add class 'floatlabel' to the input or textarea that you'd like (floatlabelform() requires this to work!)
  • Set up your DOM as per usual. Must have equivolent fors on labels and ids on inputs/textareas

To instantiate a single field:

$('#input').floatlabel()

To instantiate an entire form:

$('form').floatlabelform()

About

A jQuery Float-Label plugin

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published