Исчезающий текст в input

Устанавливаем в поле input текст по-умолчанию, при выборе поля текст исчезает.

Код:

<form>
	<input value="Любой текст" onfocus="if(this.value=='Любой текст'){this.value='';}" onblur="if(this.value==''){this.value='Любой текст';}"  />
</form>

Пример http://jsfiddle.net/RvTkp/

 

В норм. браузерах можно использовать атрибут placeholder="Введите логин"
Правда текст исчезать не будет.

Код:

<input name="name" value="" placeholder="Введите логин" />

 

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

 

можно накидать js и этот атрибут заработает и в ie. были такие решения, видел.
т.е. вам не нужно будет в каждый инпут пихать js, а достаточно будет работать только с атрибутом placeholder, который поддерживается норм. браузерами.

Можно сделать, чтобы и исчезал. Все делается без проблем через js.

 

Зачем городить лес из кучи js, чтобы научит ие атрибуту placeholde, когда маленькая строчка делает аналогичное.

 

А то, что вы в кучу инпутов будете вставлять не мало js кода у вас проблем не вызывает?
В общем я не в коем случае не переубеждаю или еще что-то. Я просто написал, что проще так, чем в каждый нужный инпут вставлять лишний код.

 

Автор, placeholder - лучший вариант. С ним и работать проще. Мне, например, нужно было, чтобы когда становишься в инпут, сверху выскакивал балун дублирующий содержания placeholder. В этом случае через jQuery я просто вставлял тда содержимое этого атрибута. В вашем случае так не сделаешь. Да и кода меньше. А для осла это делается очень просто: http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html

 

что такое "балун"? как он выглядит?

 

Это подсказка для инпута. Просто название инпута пишется в placeholder и чтобы человек не забыл что конкретно он в этом поле заполняет - сверху выскакивает подсказка.

 

sitecreator, другое название тултип, что-то наподобие вот такого