如果元素由标签包裹，则标签是否需要“ for”标签？属性？ [英] If an element is wrapped by a label, does the label require the "for" attribute?

问题描述

说我有一组收音机< input> s。我不是穴居人，所以我知道我需要将< label> 与那些< input> s。我喜欢将单选按钮包装在相应的标签内，以此处列举的原因。

Say I have a set of radio <input>s. I'm not a caveman, so I know I need to associate <label> with those <input>s. I'm fond of wrapping the radio buttons within their corresponding labels, for reasons enumerated here.

例如，

<fieldset>
    <legend>Should I provide a "for" attribute?</legend>
    <label><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_yes" value="yes" />Yep, if you know what's good for you</label>
    <label><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_no" value="no" />Nah, that would be redundant and repetitive</label>
</fieldset>

此包装将相应的单选按钮与标签相关联。我还 是否需要定义标签的 for 属性？

This wrapping associates the corresponding radio button with the label. Do I also need to define the label's for attribute?

<fieldset>
    <legend>Should I provide a "for" attribute?</legend>
    <label for="define_the_for_attribute_yes"><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_yes" value="yes" />Yep, if you know what's good for you</label>
    <label for="define_the_for_attribute_no"><input type="radio" name="define_the_for_attribute" id="define_the_for_attribute_no" value="no" />Nah, that would be redundant and repetitive</label>
</fieldset>

@Peter 指出的，标签元素的for属性必须引用表单控件（请参阅​​ http://www.w3.org/TR/html -markup / label.html ），但这可以理解为如果您为指定可选的属性，则必须引用有效的表单控件

As pointed out by @Peter, "The for attribute of the label element must refer to a form control" (see http://www.w3.org/TR/html-markup/label.html), but this could be read to mean "if you specify the optional for attribute, it must refer to a valid form control".

推荐答案

根据HTML5规范-如果未指定for属性，但是label元素具有可标记的元素后代，则树顺序中的第一个此类后代就是标签元素的标签控件。

According to the HTML5 spec - "If the for attribute is not specified, but the label element has a labelable element descendant, then the first such descendant in tree order is the label element's labeled control."

http： //www.w3.org/TR/html5/forms.html#category-label

因此，基本上，不需要，只要它包装了以下任何元素：按钮，输入（如果type属性未处于隐藏状态），键源，仪表，输出，进度，选择或文本区域

So basically, no it is not required as long as it is wrapping any of these elements: button, input (if the type attribute is not in the hidden state), keygen, meter, output, progress, select, or textarea

这篇关于如果元素由标签包裹，则标签是否需要“ for”标签？属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！