• Features
  • Demo
  • Documentation
  • Download

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
Buy me a coffee !

Buy me coffee !

If you like this work and found this useful buy me a coffee ! your donation will motivate me to develop and support this work.

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 !
Note: The property class (as of version 1.0) is now renamed to styleClass (in version 1.1) to fix the IE 8 bug.

Add your comment 26 Comments so far