2010-12-01 175 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>