使用多个搜索选项“标记”搜索字段的最佳方式

Question

我有一个搜索表单，有点困惑。我有4个选项可供人们选择，它们位于SearchQueryTextBox的正上方，我不知道该如何制作它们......

它们应该是label，legend还是a？

我认为它们不应该是legend。

我在想我应该把它们全部label，因为它在语义上最有意义。

这就是我所说的：

[编辑]：文本框上方的每个“选项”都是可点击的。例如如果用户单击“附件”，则文本框将获得焦点并允许他们搜索“附件”。

Answer 1

如果它们是可点击的，则应为button或a

您是否只是在最语义标记之后，或者您是否希望这对于禁用javascript等有意义？

Answer 2

我会说，因为它们是选项，所以您应该使用<select>和<option>。这也允许优雅的降级;没有javascript，它就变成了一个表单。