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 : 

$('#wmark').watermarkit();




4.Call and set your custom text mark 


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





5.ٍSource code 







No comments:

Post a Comment