watermark — водяной знак, в нашем случае это подсказка для поля ввода что в это поле вводить. Удобно использовать в случае если пространство формы с полями ограничено и нет возможности разместить текст.
Понадобится плагин jquery.watermarkinput.zip скачать вы его можете по ссылке выше.
Что и как?
Задаем водяные знаки для полей по ID
Code
jQuery(function($){
$(«#first»).Watermark(«First»);
$(«#mi»).Watermark(«MI»);
$(«#last»).Watermark(«Last»);
$(«#suffix»).Watermark(«Suffix»);
});
По умолчанию цвет текста подсказки серый, если это не устраивает, можно задать цвет вторым аргументом функции.
Code
jQuery(function($){
$(«#suffix»).Watermark(«Suffix»,»#ff0000″);
});
Также, если необходимо можно временно убрать подсказки
Code
$.Watermark.HideAll();
а потом заново их показать
Code
$.Watermark.ShowAll();
ps: соответственное если поле получает фокус то ватермарк не показывается, и показывается если поле потеряло фокус и не содержит введенных данных