這是我的html代碼如何通過文本框的值到一個PHP頁面,同時點擊一個鏈接,該網頁
<form id="searchForm">
<input name="search" type="text"/>
<a href="search.php" id="searchLink"><img src="images/search-btn.jpg" alt="search-btn" /></a>
</form>
如何發送該文本框值的search.php頁面,同時點擊鏈接?
這是我的html代碼如何通過文本框的值到一個PHP頁面,同時點擊一個鏈接,該網頁
<form id="searchForm">
<input name="search" type="text"/>
<a href="search.php" id="searchLink"><img src="images/search-btn.jpg" alt="search-btn" /></a>
</form>
如何發送該文本框值的search.php頁面,同時點擊鏈接?
你可以給一個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>
使用提交按鈕將提交表單搜索.php,你可以通過$ _POST []變量獲得搜索框的值。如果你想顯示搜索關鍵字的URL,使用GET方法和訪問search.php通過$ _GET。
我知道關於提交。但我想使用該圖像,而不是一個按鈕..無論如何感謝您的幫助.. – arunrc
試試這個
<form id="searchForm" action="search.php" method="post">
<input name="search" type="text"/>
<input type="submit" style="background:images/search-btn.jpg" />
</form>
但圖像不顯示。它顯示一個按鈕'值提交查詢'..無論如何,我從達林先生的答案..感謝Rupesh的幫助... – arunrc
您可以使用錨定標記的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>
注意,作爲一種替代附錄,您還可以使用<button>
元素,它允許更漂亮,可能真棒造型比沉悶的<input>
元素。
<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>
其實沒有什麼關係或者PHP或JavaScript。 –
我認爲這可能需要JavaScript .. – arunrc