html - いくつかの検索オプションで検索フィールドに「ラベルを付ける」ための最良の方法

Question

検索フォームがあり、少し混乱しています。SearchQueryTextBoxの真上にある4つのオプションから選択できますが、それらをどうすればよいかわかりません...

それらはlabel、、、、legendまたはa？

私は彼らがであるべきではないと思いますlegend。

label意味的に最も理にかなっているので、私はそれらをすべてsにするべきだと考えていました。

これが私が話していることです：

[編集]：テキストボックスの上にある各「オプション」はクリック可能です。たとえば、ユーザーが[アクセサリ]をクリックすると、テキストボックスにフォーカスが移り、アクセサリを検索できるようになります。

Answer 1

クリック可能である場合は、button「s」またはa「s 」である必要があります

最もセマンティックなマークアップの直後ですか、それともJavaScriptが無効になっている場合などにこれを意味のあるものにしますか？

Answer 2

それらはオプションなので、とを使用する必要が<select>あり<option>ます。これにより、適切な劣化も可能になります。javascriptがないと、フォームになります。