Question

为什么当我将属性for放在<label>之外的其他标签中时，它不起作用（复选框未检查）

<input id="ac-1" name="accordion-1" type="checkbox"  />
<div class="item_acc" for="ac-1">   
    <span>CC</span>
    <label>Hello</label>                        
</div>

这适用于标签当然

HTML：FIDDLE

<input id="ac-1" name="accordion-1" type="checkbox"  />
<div class="item_acc" for="ac-1">   
    <span>CC</span>
    <label>Hello</label>                        
</div>

更新：我通过添加伪类解决了这个问题：之前和我把它放在我想要的下一个标签

Answer 1

for属性不是global HTML attributes which can apply to any element之一，而是specifically defined on the <label> element itself。

因此，没有理由期望它适用于<div>等其他元素。

Answer 2

您的问题没有其他选择，您错放了订单...为什么不改变您的html元素的顺序......？ div标签的属性没有...

<label for="ac-1" >Hello</label>
<input id="ac-1" name="accordion-1" type="checkbox"  /> 
<div class="item_acc">  
    <span>CC</span>                     
</div>

属性＆＃34; for＆＃34;适用于除标签以外的其他标签

2 个答案: