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

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

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

分不清它们

Answer 2

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

<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] 键搜索数据库，也可以单击浏览按钮浏览数据库。

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

How to distinguish between search or browse function?

html

php

forms

search

button