2012-06-11 62 views

回答

4

你可以給一個action到您的表單指向要被調用,並使用圖片提交的,而不是爲錨點按鈕的PHP腳本:

<form id="searchForm" action="search.php" method="post"> 
    <input name="search" type="text"/> 
    <input type="image" src="images/search-btn.jpg" alt="search-btn" /> 
</form> 
+2

'

+0

感謝這個兄弟...它的工作.. – arunrc

+0

@JaredFarrish我想使用該圖像,而不是一個按鈕..這就是爲什麼.. – arunrc

0

使用提交按鈕將提交表單搜索.php,你可以通過$ _POST []變量獲得搜索框的值。如果你想顯示搜索關鍵字的URL,使用GET方法和訪問search.php通過$ _GET。

+0

我知道關於提交。但我想使用該圖像,而不是一個按鈕..無論如何感謝您的幫助.. – arunrc

-1

試試這個

<form id="searchForm" action="search.php" method="post"> 
    <input name="search" type="text"/> 
    <input type="submit" style="background:images/search-btn.jpg" /> 
</form> 
+0

但圖像不顯示。它顯示一個按鈕'值提交查詢'..無論如何,我從達林先生的答案..感謝Rupesh的幫助... – arunrc

-1

您可以使用錨定標記的onClick方法提交表單。 href需要設置爲'#'。此外,表單的動作需要設置爲search.php。

<form id="searchForm" action="search.php"> 
    <input name="search" type="text" /> 
    <a href="#" onClick="document.getElementById('searchForm').submit();" id="searchLink"><img src="images/search-btn.jpg" alt="search-btn" /></a> 
</form> 
+0

感謝Kshitij的幫助... :)我需要的答案已由達林給出。 – arunrc

+0

down voter plz給你的理由 – Kshitij

+0

@Kshitij我低估了,因爲我認爲這是一個非常糟糕的做法。不應該鼓勵用'a'元素提交表單(當你簡單地使用'button'或'input'時)。 Javascript(和內聯事件處理程序...)在這裏是不必要的。 – kapa

1

注意,作爲一種替代附錄,您還可以使用<button>元素,它允許更漂亮,可能真棒造型比沉悶的<input>元素。

MDN specification

<button>元素比<input>元素更容易的風格。您 可以添加內HTML內容(認爲<em><strong>甚至<img>),並 化妝用的:after:before僞元素來實現複雜的 渲染而<input>只接受文本值屬性。

它有幾個屬性,這是HTML5而已,所以要小心,如果你不使用DOCTYPE檢查您的屬性的要求,以及在MDN頁面上的瀏覽器廠商的兼容性圖表。實際上,所有瀏覽器都會支持您現在需要的所有功能。

演示:

<form id="form" action="search.php"> 
    <button type="submit" id="button"> 
     <p><input name="search" type="text"/></p> 
     <img src="http://goo.gl/UohAz" alt="search-btn" id="img" /> 
    </button> 
</form> 

http://jsfiddle.net/userdude/RBUCw/1/

+0

謝謝Jared ... :) – arunrc

+0

沒問題,希望有幫助。 –

+0

它幫助... – arunrc

相關問題