unobtrusive method to add labels to form inputs that hide on focus and show on blur (also supports Password inputs)
JavaScript
Switch branches/tags
Nothing to show
Pull request Compare This branch is 1 commit ahead of richardscarrott:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
demo.html
jquery.infieldlabels.js

README.md

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.

<form action="#" method="post">
    <label for="example">Example Label</label>
    <input type="text" id="example" />
</form>

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