如何区分搜索或浏览功能？

Question

我有一个包含数千个条目的数据库。所以我需要一个页面来进行一些简单的搜索。我一直在摆弄一个简单的表单和搜索字段，但我无法区分用户是提交了搜索查询还是按下了浏览按钮。

这是我的简单 HTML：

<form action="index.php" method="get">
  <input autofocus name="query" placeholder="Enter your search here..." type="search" />
  <button name="browse">Browse</button>
</form>

问题是如何区分用户是输入了搜索查询想要搜索数据库，还是按下了浏览按钮浏览了数据库？

您需要更改我的 HTML/Form，还是有什么巧妙的 PHP 技巧来区分搜索或浏览功能？

Answer 1

摆弄上面提到的两个提交按钮。我想出了这个解决方案：

<form action="index.php" method="get">
  <input autofocus name="query" placeholder="Enter your search query here..." type="search" />
  <input hidden type="submit" />
  <button name="browse" value="true">Browse</button>
</form>

这完成了我想要的。您可以输入搜索查询并按 [ENTER] 键搜索数据库，也可以单击“浏览”按钮浏览数据库。

Answer 2

为浏览添加另一个提交按钮：

<form action="index.php" method="get">
  <button name="browse">Browse</button>
  <button name="search">Search</button>
  <input autofocus name="query" placeholder="Enter your search here..." type="search" />
</form>

---

或者，为每个表单制作一个：

我更喜欢这两种形式，因为我经常在隐藏的输入中嵌入额外的信息，或者我可以将每种形式定向到不同的脚本。两种形式给了我更多的灵活性。

<form action="index.php" method="get">
  <button name="browse">Browse</button>
</form>
<form action="index.php" method="get">
  <input autofocus name="query" placeholder="Enter your search here..." type="search" />
  <button name="search">Search</button>
</form>

如果您希望将单独表单中的按钮并排放置，您可能需要添加一些 CSS

form{display:inline;margin:0;padding:0;}

我将两个按钮放在一个表单中，并且将两个表单都放在同一个页面上：

而且无法区分它们