Html 如何在单击指向php页面的链接时将文本框值传递给该页面

这是我的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页面？

您可以向表单提供一个

操作，指向要调用的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>

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

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

您可以在锚标记内使用onClick方法提交表单。href需要设置为“#”。另外，表单的action需要设置为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>

注意，作为替代附录，您还可以使用
元素，与笨重的
元素相比，它可以提供更漂亮、甚至更棒的样式

从：

元素比
元素更容易设置样式。您可以
可以添加内部HTML内容（想想
，
甚至


关于
元素呢？另外，为什么
输入图像
要提交表单？感谢这个兄弟……它成功了。@JaredFarrish，输入type=“image”提交表单是因为HTML规范中说明了这一点。type=“submit”和type=“image”两者都提交表单。它们的输入中都有一个
图像
，允许提交带有图像按钮的表单，并将用户单击此图像的位置的
x
和
y
坐标发送到服务器。@JaredFarrish，假设您有一个大图像，并且基于用户单击此图像的坐标，在提交表单时，在服务器上执行不同的操作。例如，一张带有国家的地图，要求用户选择一个国家或某物。我知道提交。但我想使用该图像而不是按钮。无论如何，感谢您的帮助。但是图像没有显示。它显示了一个带有值“提交查询”的按钮。无论如何，我得到了e Darin先生的回答..感谢Rupesh的帮助..实际上与PHP或Javascript都没有任何关系。我认为它可能需要Javascript..感谢Kshitij的帮助..：）我要求的答案是Darin给出的..请给我你的答案reasons@Kshitij我投了反对票，因为我认为这是一个非常糟糕的做法。不应鼓励提交带有
元素的表单（当您可以简单地使用
按钮或
输入时）。Javascript（和内联事件处理程序…）在这里是不必要的。正如上面Darin所建议的，使用input type=“image”绝对是一种很好的方法。但我不认为按钮是一个好的选择，因为它不必要地添加按钮效果（即按下效果和边框）到图像中，这不是OP需要的。我提供的解决方案只是修复OP的现有代码，我不认为这是一种糟糕的方法。当然，您可以删除锚定部分并使用image onClick，但正如我所说的，该代码只是OP现有代码的修复。
<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>