Все, наверное, видели на различных сайтах, в полях ввода логина и пароля, внутри форм поиска и т.д. текст, который исчезает при нажатии в области ввода информации и вновь появляется если кликнуть за её границей. Данный приём применяется для обеспечения компактности форм(в случае, если надо сэкономить место), просто для удобства пользователей или в качестве дизайнерского решения. Такой текст может помочь неопытным читателям с большей легкостью определить область ввода информации.

Теперь давайте разберемся, каким образом текст попадает в форму ввода данных. Первое, что нужно сделать, это найти сам код вывода нужной нам формы, на страницу Вашего сайта. На примере поиска, я объясню как это делается. В WordPress, как правило, Вы сможете найти его в файлах header.php или sidebar.php в зависимости от того, где окно поиска расположено. Ищите строки подобные этой:

<input type="text" name="s" id="s" size="20"/>

Далее, необходимо добавить три новых аргумента внутри этой строки:

1) value="Поиск"
2) onfocus="if (this.value=='Поиск') this.value='';"
3) onblur="if (this.value=='') this.value='Поиск';"

Вместо слова «Поиск» Вы можете вписать любое другое слово или выражение. Например, «Искать здесь», «Искать в этом блоге» и т.п. Аргумент второй строки отвечает за исчезновение текста, как только пользователь нажимает на область ввода. Третья строка для того чтобы слово или выражение, снова появилось, если пользователь щелкает где-то еще.

В конечном итоге строка ввода будет выглядеть следующим образом:

<input type="text" name="s" id="s" value="Поиск" onfocus="if (this.value=='Поиск') this.value='';" onblur="if (this.value=='') this.value='Поиск';"/>