How To Create An Input Field Watermark Using jQuery
erics, Posted September 20th, 2011 at 10:20:40pm
Here is a VERY simplistic watermark code snippet. It has the distinct disadvantage of submitting the watermark string as the field value, and does not set the initial field value either…YMMV…
|
1 2 3 4 5 6 7 |
jQuery('#yourInput') .focusin(function() { if (jQuery('#yourInput').val() == 'Enter keywords to search for') jQuery('#yourInput').val(''); }) .focusout(function() { if (jQuery('#yourInput').val() == '') jQuery('#yourInput').val('Enter keywords to search for'); }); |
http://api.jquery.com/focusin/
Categories: How-To's, Technology Focus, focusin, focusout, form, Form field, howto, ID, input, Input field, JQuery, tips, val(), Water Mark, Watermark
Leave Your Comment
All fields marked with "*" are required.