Использование изображения для отправки формы поиска

#html #search #forms

#HTML #Поиск #формы

Вопрос:

Я делал это много раз, но у меня проблема, я пытаюсь сделать это с помощью формы Google, в названии Google есть косые черты, поэтому оно работает не во всех браузерах, есть ли другой способ сделать это?

Любая подсказка хороша: D

код:

         <form action="http://www.webpage.com/search.php" id="cse-search-box" name="cse-search-box">
          <div>
            <input type="hidden" name="cx" value="partner-pub-number" />
            <input type="hidden" name="cof" value="FORID:number" />
            <input type="hidden" name="ie" value="ISO-8859-1" />
            <input type="text" name="q" size="31" class="form-search" />
        <a name="sa" id="sa" href="javascript:document.cse-search-box.submit();"><img src="images/arrow.jpg" class="img-search"/></a>
          </div>
        </form>
  

Комментарии:

1. Они называются дефисами, а не косыми чертами.

Ответ №1:

 <input type="image" src="path/image.png" />
  

Комментарии:

1. извините за глупый вопрос: D но я был заблокирован и забыл, что могу это сделать: D

Ответ №2:

<input type="image" ...> это то, что используется для изображений, действующих как кнопки отправки.

Ответ №3:

- это оператор минус, поэтому document.cse-search-box означает не то, что вы думаете — кроме того, этот способ доступа к элементам устарел. Используйте getElementById вместо:

 document.getElementById('cse-search-box').submit();
  

На самом деле, вам даже не нужен JavaScript для этого. Существует по крайней мере 2 способа сделать это, используя только HTML:

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

или:

 <button type="submit"><img src="images/arrow.jpg" /></button>