jQuery Textbox Hinter Plugin

Features

• Simple and light-weight.
• No knowledge of programming required.
• Can add classes to default text.
• Can add hints to multiple to textboxes and textareas.
• Cross browser supported.
• Customziable.
• Multiple browsers support

Demo

Click the button below to check out the demo

Download

Click the button below to download the plugin.

Basic Usage

You can attach this plugin to multiple textboxes and textareas using this code

$('class / Id of the textbox/textarea').tbHinter({
	text: 'Default text goes here ...',
	styleClass: 'Class for default text goes here ...'
});

Steps in Using

1. Download the jquery.textbox-hinter-1.0.zip file.
2. Upload the extracted folder to your server.
3. Include Jquery in your document

   <script src="path to jquery" language="javascript" type="text/javascript"></script>

4. Include textbox hinter to your document like,

   <script src="path to jquery.textbox-hinter.js" language="javascript" type="text/javascript"></script>

5. Attach the plugin to textboxes and teaxareas by using the code

   $('class / Id of the textbox/textarea').tbHinter({
   	text: 'Default text goes here ...',
   	styleClass: 'Class for default text goes here ...'
   });

6. That’s all !