WELCOME Abdennour : Software engineer

Apr 1, 2013

JQuery Plugin for WaterMark Input Text

There are other tutorials that implement the input watermark. But this tutorial has two added values:
First, there is a JQuery plugin, so the flexibility of use and reuse
Secondly, it is an improvement. Indeed, when  focusing on input, it is necessary that the watermark remains visible.

Demo : 

1.Import my JQ plugin :  

<script src="http://dl.dropbox.com/u/55765722/delivred/abdennour/lib/js/jquery.inputeffect.1.0.js" type="text/javascript"></script>

2. Create input element for test : 

 <input type="text" id="wmark" style="width:300px;font-size: 15px" />

3. Call plugin by one line : 


4.Call and set your custom text mark 

$('#wmark').watermarkit("Put your title here");

5.ٍSource code 

1 comment: