Сверх-простая штука

Я практически не знаю javascript — во времена, когда чуть-чуть делал сайты (сейчас это называется более престижно, «верстать») он был очень не модным. Точнее, любой новичок бацал какие-нибудь часики, бегущие строки, подмену статуса и прочую фигню, а потом восторгался своим шедевром.

Несмотря на то, что предтечи асинхронной интерактивности уже были в «ослике», я не помню, чтобы где-то это было (знающие говорят, что все-таки где-то да было, но я не видел). И посетители просматривали десять рекламных блоков, прежде чем добирались до пространств, свободных от форм и функциональности.

Нет, все-таки были еще выпадающие меню, самораскрывающиеся списки, но от их реализации обычно содержимое желудка буквально переворачивалось (как всегда были и исключения — сайты Apple, IBM, Microsoft — перечислено в алфавитном порядке).

И все-таки одной штукой мы пользовались активно. И странно, что до сих пор в этой банальнейшей конструкции допускают ошибки. Обычно забывают о возврате по расфокусировке, а наш быдлокодер сегодня вообще без проверок написал. За что бегал три круга вокруг офиса под мелким и противным дождиком.

<input type="text" id="email" name="email" value="e-mail"
onfocus="if (this.value=='e-mail') this.value='';"
onblur="if (this.value==''){this.value='e-mail'}" />

Такой подход позволяет избавиться от лейблов около элементов форм там, где они не нужны — в поисковых, подписке на e-mail, редко — в формах комментариев. Минус — при включенном NoScript пользователю придется убирать ручками, но это мелочи жизни.

{6 комментариев} Подписка на комментарии

Мне кажется применение этого метода зависит от дизайна, в некоторых случаях более целесообразно применять лейблы.

У меня такая штука стоит в форме поиска, я — не программист, но подсмотреть в исходном коде могу, что я и сделал.

Я бы сказал в большинстве :). Но если нужны компактные блоки регистрации или поиска, это лучше.

При таком коде, что забавно, горе-локализаторы порою пишут так:

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

onBlur="if (this.value==''){this.value='Search'}"

что разумеется, крайне удручает.

Еще и экранировать русский текст забыли :)

stasskka.ru/agressiya-i-zashhita/

Смотри Защита от спама ))

На самом деле очень удобная штучка))

А здесь можно оставить свое мнение ↓ Подписка на комментарии
какие-то из следующих трех полей можно оставить пустыми


нет тегам!!! **эмоция**, __ирония__, >цитата, {[код]}