使用图像提交搜索表单

时间:2010-12-01 01:05:42

标签: html search forms

我已经做了很多次了但是我有一个问题,我正在尝试使用谷歌表单,谷歌名称有斜线因此不适用于所有浏览器,是否有不同的方法来做到这一点?

任何线索都很好: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>

3 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:3)

<input type="image" ...>是用作提交按钮的图像的内容。

答案 2 :(得分:2)

-是减号运算符,因此document.cse-search-box并不代表您的想法 - 此外,这种访问元素的方式已过时。请改用getElementById

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

实际上,您甚至不需要JavaScript来执行此操作。至少有两种方法可以单独使用HTML:

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

或:

<button type="submit"><img src="images/arrow.jpg" /></button>
相关问题