セマンティックhtmlで検索結果のフィルタオプションを設定するには

Question

セマンティクに意味のあるフィルタオプションを検索結果とともに設定する経験はありますか？彼らは希望彼らはフォームコントロールであるため

<ol role="filter"> 
<li> 
    <label for=""><input type="checkbox" name="filter-by-name" value="pete"> Pete</label> 
</li> 

Answer 1

は、セマンティックする：

<ol> 
<li> 
    <label for=""><input type="checkbox" name="filter-by-name" value="pete"> Pete</label> 
</li> 
<li> 
    <label for=""><input type="checkbox" name="filter-by-name" value="Jakov">Jakov</label> 
</li> 

または私はの線に沿ってより多くの何かをする必要があります。 私は何かのように意味します正しいマークアップを使用する必要があります。 name属性に関しては

<fieldset> 
    <legend>Filter by:</legend> 
    <div> 
     <input type="checkbox" name="newsletter" id="pete"> 
     <label for="pete">Pete</label> 
    </div> 
    […] 
</fieldset> 

これはWhat is the purpose of the name attribute in a checkbox input element?

の答えから、自分の好みである： グループに基づいて

はあなたの例では、あるべきw3.org

<fieldset> 
    <legend>I want to receive</legend> 
    <div> 
     <input type="checkbox" name="newsletter" id="check_1"> 
     <label for="check_1">The weekly newsletter</label> 
    </div> 
    […] 
</fieldset> 

にセクションを制御します

名前= "チェックボックス"のために混乱しないでください。より論理的には となります。name = "drink"、type = checkbox。

上記の場合、同じ名前のチェックボックスが複数あります。 複数のチェックボックスの名前が同じ場合、フォームはグループの の値を要求のサーバーに送信します。注：確認済みのチェックボックスの の値のみがサーバーに送信されます。

理想的には、これらは複数の選択問題を許容するために使用され、 より多くの回答が許可されます。ラジオボタンとは対照的に、 のうち1つの回答のみがオプションの間で許可されます。