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

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 /表单，还是有任何巧妙的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

为Browse添加另一个提交按钮：

<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;}

我将两个按钮放在一个表单中，两个表单各有一个按钮在同一页面上：

并不能分别告诉他们