This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

Browser Support:
IE6+, WebKit Browsers (Safari, Chrome), Firefox 2+ * IE6 requires a background-color be set on the label to match the background of the field.

Know Issues:
Browser Auto-Complete can cause problems in hiding the labels. Less of an issue for Login Boxes, but much more of an issue with comment forms. For Firefox and Safari you can use autocomplete=”off” on the input elements as a temporary fix.

Demo: http://fuelyourcoding.com/scripts/infield/
Download: git://github.com/dcneiner/In-Field-Labels-jQuery-Plugin.git
Source: http://fuelyourcoding.com/scripts/infield/

Related Listings:

1. jQuery Inline Field Labels It’s so simple, but perfect. A great benefit of using...
2. jQuery Field Plugin This plugin greatly expands the ability to retrieve and set...
3. jVal – jQuery Form Field Validation Plugin jVal is a jQuery form field validation plugin that provides...
4. Valid8 – An input field validation plugin for Jquery Valid8 solves both simple and complex validation scenarios. Everything from...
5. jQTransorm – jQuery plugin This plugin is a jQuery styling plugin wich allows you...

Do you like this post?

Email: