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: соответственное если поле получает фокус то ватермарк не показывается, и показывается если поле потеряло фокус и не содержит введенных данных





Ваша оценка:

Скачать jQuery watermark input field по прямой ссылке
Скачать  [1.3 Kb] (cкачиваний: 259)
Рейтинг: 0.0 Всего:0 Добавил: Михалыч
Комментарии
Всего комментариев: 0