HTML，无障碍性：是否可以使用一个标签给两个控件命名？

Question

我在网上找到了一个例子，其中使用了label标签和它的'for'属性来提示浏览器该标签属于哪个控件。例如：

<form>  
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

我的问题是，如果我有两个控件，同一个标签应该分配给两个控件的组合（如果可能的话，不是每个控件都要分配），例如：

a label text + a numeric input field + a text (unit) input field  

我应该

1. 只将标签分配给数字输入字段（因为无法完成），还是
2. 是否可以将数字和文本输入字段放入单个标签中，并将标签附加到该标签？
3. 或者两个输入控件都可以放置在单个标签内？

哪种解决方案可以在所有浏览器上实现较好的可访问性？

- Thomas

Answer 1

标签的for属性确实可以与任何元素一起使用（只要ID匹配），但仅适用于单个元素。此外，它只对表单元素有意义。

来自规范：

for = idref [CS]

此属性将定义的标签显式地与另一个控件相关联。当存在时，此属性的值必须与同一文档中某个其他控件的id属性的值相同。当不存在时，正在定义的标签与元素的内容相关联。

并且：

要隐式地将标签与另一个控件相关联，控件元素必须位于LABEL元素的内容中。在这种情况下，LABEL只能包含一个控件元素。

（强调是我的）

- Oded