Question

Не получается правильно отредактировать код формы поиска.

Этот код шаблона не работает (вводишь в поиск нужное слово, которое точно встречается на сайте, пишет 0 результатов), но имеет нужный дизайн:

<form action="/search" name="seatchform" method="get">
 <input type="hidden" name="do" value="search" />
 <input type="hidden" name="subaction" value="search" />
 <ul class="searchbar reset">
 <li class="lfield"><input id="story" name="story" value="Поиск..." onblur="if(this.value=='') 

this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /></li>
 <li class="lbtn"><input title="Найти" alt="Найти" type="image" src="/images/spacer.gif" /></li>
 </ul>
 </form>

А этот работает, но выглядит не так как надо:

<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/">
<input type="text" name="q" maxlength="50" size="27" class="form-text" value="Поиск..." 

onFocus="this.value=''" onBlur="if (this.value==''){this.value='Поиск...'}" />
<input type="submit" class="form-search" name="sfSbm" value="Искать"/>
   </form>

Так красиво, но не работает:

Так работает, но не красиво:

Перепробовала несколько вариантов, но как-то все-равно криво, поэтому помогите пожалуйста))

Заранее большое спасибо!

Answer 1

Замените ваш текущий код на следующий:

<form onsubmit="this.sfSbm.disabled=true" method="get" action="/search/">
 <ul class="searchbar reset">
<li class="lfield"><input id="story" type="text" name="q" value="Поиск..." 
onFocus="this.value=''" onBlur="if (this.value==''){this.value='Поиск...'}" /></li>
 <li class="lbtn"><input title="Найти" alt="Найти" type="image" src="/images/spacer.gif" name="sfSbm" /></li>
 </ul>
 </form>

будет как положено и будет работать.