如何创建具有 2 个输入的搜索栏

How to create a search bar with 2 inputs

我对此还是有点陌生​​,尽管我在网上搜索了很多次,但我似乎找不到任何关于如何编写双输入搜索栏代码的信息。 我的例子是;一个搜索栏针对 'location',第二个搜索栏针对他们正在寻找的 'product' 显示内联,只需一个按钮即可进行搜索。

像这样: https://www.gumtree.com/

如果有人能指出正确的方向或提供任何信息,我将不胜感激,

谢谢

看来您正在学习与用户交互的基础知识。
基本上,您需要两件事:

  • 您的 HTML 页面中的表单:<form method="GET|POST" action="YOUR_URL">,包括文本输入字段:<input type="text" name="YOUR_NAME"> 和提交按钮:<input type="submit">

  • 服务器端脚本,位于 URL "YOUR_URL",当用户提交表单时将调用该脚本。您可以在此处定义对用户输入的数据采取的适当操作。
    假设您将使用 PHP 编写脚本(但还有其他语言可用,请查看您的服务器上安装了什么),您的脚本可以访问以下数组中返回的表单字段值:
    . $_POST(如果从 method="POST" 表单发送),
    . $_GET(如果method="GET")和
    . $_REQUEST(暂时忘记)。
    例如,如果您的表单方法是 POST,您将在 PHP 脚本中获得 <input type="test" name="email"> 的值,如下所示:$userMail = $_POST['email'];

在这里给出进一步的解释没有多大意义,网络上有大量的教程和文档,现在您知道自己在寻找什么了;-)
例如:
http://php.net/manual/en/tutorial.forms.php(官方 php 文档,简短但高效) http://www.w3schools.com/php/php_forms.asp 及后续章节(简单的起点)。

一旦您开始使用它,请特别注意用户可能输入的未等待的字符,这些字符可能会干扰您的代码(尤其是引号和特殊字符,如“<>&”...)。
关键字:转义字符串、addslasheshtmlspecialcharsmysql_real_escape_string 等...取决于您随后对该数据执行的操作。

如果您的数据用于数据库查询,您还应该检查关键字:sql 注入、准备好的语句。