html - 使用带有多个复选框的标签

Question

我想知道多个复选框的正确用途是什么？我有使用以下方案创建内联复选框的表单样式：

 <label class="checkbox inline" for="???">
        <input type="checkbox" name="highest_grade[]" value="1">1
    </label>
    <label class="checkbox inline" for="???">
        <input type="checkbox" name="highest_grade[]" value="2">2
    </label>
    <label class="checkbox inline" for="???">
        <input type="checkbox" name="highest_grade[]" value="3">3
    </label>

它工作正常，但我想知道我应该添加什么作为标签的“for”属性？我也可以将其留空，但我想知道什么是好的做法。

Answer 1

为您的输入提供唯一 id 并从您的标签标签中引用它们：

<label class="checkbox inline" for="option1">
    <input type="checkbox" name="highest_grade[]" value="1" id="option1"> 1
</label>
<label class="checkbox inline" for="option2">
    <input type="checkbox" name="highest_grade[]" value="2" id="option2"> 2
</label>
<label class="checkbox inline" for="option3">
    <input type="checkbox" name="highest_grade[]" value="3" id="option3"> 3
</label>