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

Question

我有一个搜索表格，有点困惑。我有 4 个可供人们选择的选项，它们位于 SearchQueryTextBox 的正上方，我不知道该怎么做...

它们应该是 a label、 alegend还是 an a？

我不认为他们应该是一个legend.

我在想我应该把它们都变成labels，因为它在语义上最有意义。

这就是我所说的：

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

Answer 1

如果它们是可点击的，它们应该是button's 或a's

您是在最语义化的标记之后，还是希望这对禁用 javascript 等有意义？

Answer 2

我想说，既然它们是选项，你应该使用<select>and <option>。这也允许优雅降级；没有javascript，它就变成了一种形式。