2010-12-01 177 views
0

我已经做了很多次,但我有一个问题,我试图做到这一点与谷歌形式,谷歌名称有斜线,所以不适用于所有浏览器,有没有不同的方式来做到这一点?使用图像提交搜索表格

任何线索是好的: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

那些被称为连字符,而不是斜线。 – 2010-12-01 01:09:46

回答

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

对于愚蠢的问题感到抱歉:D但我被封锁,忘了我可以这么做:D – Saikios 2010-12-01 01:29:10

+0

没问题,很高兴它帮助了你。 – 2010-12-01 01:32:24

3

<input type="image" ...>就是用来作为提交按钮的图像。

+0

谢谢你的回答:D – Saikios 2010-12-01 01:29:47

2

-是减号来,所以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>