https://github.com/richardscarrott/jquery-in-field-labels

unobtrusive method to add labels to form inputs that hide on focus and show on blur (also supports Password inputs)
https://github.com/richardscarrott/jquery-in-field-labels

Last synced: about 2 months ago
JSON representation

unobtrusive method to add labels to form inputs that hide on focus and show on blur (also supports Password inputs)

• Host: GitHub
• URL: https://github.com/richardscarrott/jquery-in-field-labels
• Owner: richardscarrott
• Created: 2010-12-29T23:35:18.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2010-12-29T23:36:34.000Z (over 14 years ago)
• Last Synced: 2025-02-07T12:48:16.735Z (4 months ago)
• Language: JavaScript
• Homepage: http://richardscarrott.co.uk/posts/view/jquery-in-field-labels
• Size: 91.8 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Given a form the plugin will find all the fields and store their associated  text using jQuery's .data() method.

This means it requires inputs to have an 'id' and an associated label using the 'for' attribute, e.g.

    

        Example Label

        

    

	

It can then be initiated like this:

    $('form').inFieldLabels();

	

The method also accepts a filter parameter in case you want to limit the in-field labels to specific elements or :not(specific elements):

    $('form').inFieldLabels('.in-field-label');

	

More documentation can be found [here](http://richardscarrott.co.uk/posts/view/jquery-in-field-labels "More info on the jQuery in-field-labels plugin")