Подсказка для поля формы

В этом простом уроке мы рассмотрим создание подсказки в форме. Это даст возможность помочь пользователю в заполнении того или иного поля, показав пример.

demosourse

Шаг 1.

Как обычно подключим к документу фреймворк jQuery и соответствующий плагин, прописав следующий код между тегами <head>:

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

<script type="text/javascript" src="toggleformtext.js"></script>

Шаг 2.

А теперь, в той форме, к которой вы хотите сделать подсказку, поставим параметр title=.

Таким образом, поле формы будет выглядеть так:

<input name="example" title="Введите имя" />

Если же мы хотим сделать поле пароля, которое следует автозаполнить звездочками (скрытыми символами), то этому полю следует присвоить параметр type="password".

Итак, поле с паролем будет таким:

<input name="example" type="password" title="Example text" />

Вот все и готово! Спасибо за внимание!

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.grzegorz.frydrychowicz.net
Перевел: Сергей Патин
Урок создан: 6 Октября 2009
Просмотров: 47505
Правила перепечатки

5 последних уроков рубрики "HTML и DHTML"

^ Наверх ^