jQuery Plugins, Tutorials, Articles, Examples Archives

In-Field Labels Plugin

A Better Way + jQuery Plugin Display labels inside form fiels with this plugin. The label remains until the user starts typing.

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.

Related Plugins

jQuery Validation Plugin
Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.
Plugin Author : Roni Saha
jQuery File Upload
jQuery File Upload is a jQuer Plugin with multiple file selection, drag&drop support, progress bars and preview images with any server-side platform
Plugin Author : Sebastian Tschan
jQuery Complexify
Complexify helps your users accurately gauge the quality of their password and then give them visual feedback to enforce a minimum level of security.
Plugin Author : Dan Palmer

Comments to In-Field Labels Plugin

  • test test

    none January 11, 2014 6:00 am Reply
  • Hai

    Ashok November 14, 2014 7:01 am Reply

Leave a Reply