使用图片提交搜索表单答案

【问题标题】：Using an image to submit a search form使用图片提交搜索表单
【发布时间】：2010-12-01 01:05:42
【问题描述】：

我已经这样做了很多次，但是我遇到了一个问题，我正在尝试使用 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>

【问题讨论】：

那些被称为连字符，而不是斜线。

标签： html search forms

【解决方案1】：

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

【讨论】：

抱歉这个愚蠢的问题 :D 但我被阻止了，忘记了我可以这样做 :D
没问题，很高兴它对你有所帮助。

【解决方案2】：

<input type="image" ...> 用于充当提交按钮的图像。

【讨论】：

【解决方案3】：

- 是减号运算符，因此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>

【讨论】：