如何通过文本框的值到一个PHP页面，同时点击一个链接，该网页

Question

这是我的html代码

<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页面，同时点击链接？

Answer 1

你可以给一个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> 

Answer 2

使用提交按钮将提交表单搜索.php，你可以通过$ _POST []变量获得搜索框的值。如果你想显示搜索关键字的URL，使用GET方法和访问search.php通过$ _GET。

Answer 3

试试这个

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

Answer 4

您可以使用锚定标记的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> 

Answer 5

注意，作为一种替代附录，您还可以使用<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/