html - 如何在单击该页面的链接时将文本框值传递给 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

请注意，作为替代附录，您还可以使用该<button>元素，它允许比笨重的<input>元素更漂亮且可能很棒的样式。

来自MDN 规范：

<button>元素比<input> 元素更容易设置样式。您可以添加内部 HTML 内容（think <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/

Answer 3

使用提交按钮将表单提交到 search.php，在那里您可以通过 $_POST[] 变量获取搜索框值。如果要在 URL 中显示搜索关键字，请使用 GET 方法并在 search.php 中通过 $_GET 访问。

Answer 4

尝试这个

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

Answer 5

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