Подскажите с формой поиска

[Sarkazmus]

 Подсобите плизз, нубу
Написал простую форму поиска на html css . В поле ввода  находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал... 

[infidel]

@Sarkazmus, Код в студию.

[Sarkazmus]

@infidel,

 

 <div id="search">

<form name="searchform" action="#" method="post">

 

<div class="border">

<input class="input" type="text" name="words" value="Browse Products"/>

</div>

 

<input type="image" src="images/search.jpg" />

 

</form> 

</div>

 

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

 

#search div{

border: 1px solid #a5c796;

 }

 .border {

float: left;

display: inline-block;

 }

 #search div input{

border: 3px solid #c5debb;

height: 30px;

width:230px;

font-family: Verdana;

color:#676767;

padding-left: 5px;

 }

 

 #search input {

padding-left: 7px;

 }

 

[infidel]

@Sarkazmus, У меня в мозиле все нормально, про ие8 ниче не знаю и знать не хочу). Вообще для таких задач существует placeholder.

[rus]

Вообще для таких задач существует placeholder.

а ничо что он только в 10-ке начинает работать?

[infidel]

 

Вообще для таких задач существует placeholder.

а ничо что он только в 10-ке начинает работать?

 

Ничо, можно эмулировать на js. Или вы заставляете пользователей вашей верстки ручками стирать дефолтный текст в поле поиска?

[rus]

Ничо, можно эмулировать на js. Или вы заставляете пользователей вашей верстки ручками стирать дефолтный текст в поле поиска?

зачем эмулировать, когда можно кросс и без плейсхолдера, на нативном js?

т.с. как бы про ИЕ8 говорит, ну раз так, то кросс и с наименьшей потерей - только js.

[infidel]

@rus, Согласен, на js лучший вариант, если требуется поддержка старых браузеров. В моих проектах она не требуется, и вобщем-то не планирую заниматься такими в которых она необходима. Поэтому совет давал смотря со своей колокольни, тут я не прав.

 

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

 

UPD: Задним умом понял, что лучше чистить поле по фокусу а не по клику.

Edited October 14, 2015 by infidel