Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
44 lines (25 sloc) 996 Bytes


An extra-small ( <1k ) and easy watermark creator for inputs.

A working demo is under sample folder.


Go to the fridge and drink some beer.

Include jQuery script:

<script src="" type="text/javascript"></script>

Download jquery-watermark.min.js script and include it in your page:

<script src="jquery-watermark.min.js" type="text/javascript"></script>

Define your params (if you want):

var params = { activeCss: { 'color': 'Black', 'background-color': 'Blue', 'font-size': '20px' }, waterCss: {color: 'Gray'}};

The defaults are:

'waterCss': { color: 'Gray' },
'activeCss':  { color: 'Black' }

From within your code call to the watermark() function on your selector (in this case i used input fields).


Go and have another beer.


  • Sagiv Ofek


free for all! :)

Something went wrong with that request. Please try again.