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

Question

Я делал это много раз, но у меня есть проблема, я пытаюсь сделать это с помощью формы 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>

Answer 1

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

Answer 2

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

Answer 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>