Question

我的HTML表单中有一个验证错误，其中有单选按钮（appleiphonebuyers.com/sell.html）。错误读取：

第155行，第44列：label元素的for属性必须引用表单控件。

… <label for="condition" class="inline"><span class="formstar">*</span> Conditi…

除了使用“label for”之外，还有另一种方法我应该将标签应用于单选按钮组吗？

更新：

以下是这些单选按钮的HTML：

<LABEL class="inline" for="condition"><SPAN class="formstar">*</SPAN> Condition</LABEL> <INPUT class="conditionselect" type="radio" name="condition" value="Good" />Good <INPUT class="conditionselect" type="radio" name="condition" value="Okay" />Okay <INPUT class="conditionselect" type="radio" name="condition" value="Bad" />Bad <BR />

我刚想到也许我必须将INPUT类更改为“condition”，因此它与“label for”属性相同？我以为这个名字必须是相同的但也许是班级？ -

Answer 1

也许你有一个拼写错误，FOR属性应该始终与ID完全相同。

除此之外，我没有看到任何错误。您必须向我们提供更多HTML才能更全面地提供帮助。

Answer 2

for属性必须映射到输入元素的ID，而不是其名称。

Answer 3

除了使用“label for”之外，还有另一种方法我应该将标签应用于单选按钮组吗？

<label>标记单个表单控件，而不是一组。

将<fieldset>和<legend>用于一组字体控件。

<fieldset>
    <legend> Condition </legend>
    <input type="radio" name="condition" id="condition_1" value="1"> 
        <label for="condition_1"> 1 </label>
    <input type="radio" name="condition" id="condition_2" value="12> 
        <label for="condition_2"> 2 </label>
    <input type="radio" name="condition" id="condition_3" value="13> 
        <label for="condition_3"> 3 </label>
</fieldset>

HTML单选按钮标签中的验证错误

3 个答案: