Html “最好的方法”；标签"；具有多个搜索选项的搜索字段

我有一张搜索表，有点困惑。我有4个选项供人们选择，它们就在SearchQueryTextBox的正上方，我不知道如何利用它们

它们应该是

标签

、

图例

、还是

a

我认为他们不应该成为传奇人物

我在想我应该把它们都标上标签，因为它在语义上最有意义

下面是我要说的：

---

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

如果可单击附件，则应为

按钮或
a

您是在寻找最具语义的标记，还是希望这对禁用javascript等有意义？
我想说，既然它们是选项，您应该使用
和
。这也允许优雅的退化；如果没有javascript，它将成为一种表单。
好吧，其中一个要求是用户启用javascript，否则他们将不会有相同的体验（这恰好是这个特定网站的全部要点），因此我根本不担心javascript是否被禁用。所以我猜只是语义标记。如果你假设Javascript，你可以在点击相应的
a
时设置隐藏输入的值。是的，这很有意义。比如说，有4个标签会有什么问题吗？我完全忘记了。是的，不能使用
label
s。我可能会使用
select
和
选项
，但我不确定如何设置它们的样式，使它们看起来像上面图片中的那样。我的意思是，如何将一个下拉框变成4个独立的水平放置的“链接”？我认为CSS足够强大。让我看看能不能找到工作。哦，那太棒了。：-）我什么也做不了。显然，
select
元素很难设计。