Fix Blog » Blog Archive » Убираем текст в форме

Убираем текст в форме

Кликаем на текст, если ничего ввели, текст возвращается. Таким образом можно не писать поясняющий текст около поля.
Делается так:

<input type="text" value="Текст" onfocus="javascript: if (this.value == ‘Текст’) {this.value="};" onblur="javascript: if (this.value == ") {this.value=’Текст’};">

А именно:
onfocus="javascript: if (this.value == ‘Текст’) {this.value="};"
При клике по полю проверяем, не ввел ли что-нибудь пользователь до этого, и если нет – то обнуляем значение value.

onblur="javascript: if (this.value == ") {this.value=’Текст’};
Если пользователь ничего не ввел, то делаем текущее value равным ‘Текст’



This entry was posted on Пятница, Март 13th, 2009 at 4:22 пп and is filed under Новичкам. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “Убираем текст в форме”

  1. WebMast Says:

    Давольно старый трюк ; ). Кстати, не работает без JavaScript. (ты забыл упомянуть о нем)

  2. admin Says:

    Да, трюк старый, но недавно надо было сделать, и вспоминал минут 15 как это делалось.

    Без яваскрипта ясен хрен не работает, там в коде даже написано раза 4 javascript )))))

Leave a Reply

Я не спаммер.