JavaScript “делает водяные знаки” для текстовых полей [дубликат]

Есть много учебников о том, как это сделать. Вот еще один обзор с использованием jQuery javascript framework.

Вот еще один популярный пост в блоге об этом, просто использующий обычный javascript.

 <input name="q" onfocus="if (this.value=='search') this.value = ''" type="text" value="search"> 

... из поля поиска Переполнение стека .

Можно также добавить событие onblur для проверки: если (this.value==') this.value = 'search'

Это приведет к повторной печати водяного знака при щелчке пользователем за пределами текстового поля, и поле будет пустым.

В терминах непрофессионалов:

• При фокусировке на входе, если значение "Username" (Имя пользователя), установите его на ""
• При удалении фокуса из поля, если значение "" (т.е. ничего не было введено), сбросьте его на "Username", чтобы все равно обеспечить обратную связь с пользователем, так как он еще не ввел данные

The code:

<input value="Username" onfocus="if(this.value=='Username') this.value = ''" onblur="if(this.value=='') this.value = 'Username'" type="text" />

JS:

   function clearDefault(ctl){
       if(ctl.value==ctl.defaultValue) { ctl.value = ""; }
    }

Включите onfocus="clearDefault(this)" и установите его текст на "username" или "password"

See this article http://www.alistapart.com/articles/makingcompactformsmoreaccessible. Конечно, если вы используете jQuery, есть плагины "Label over".