一个带有两个表单输入的Html标签

如果我想将一个标签与两个表单输入相关联，比如两个输入的标签“ExpirationMonth”和“ExpirationYear”的“ExpirationDate”，那么最好的语义方法是什么？

没有一种方法可以将标签与多个输入字段相关联，因为标签是单个字段的标签。使用

标签

元素的原因是基于这样一个简单的对应关系，因此同时对两个字段使用它是没有意义的

如果一方面需要有两个输入字段，另一方面需要符合WCAG 2.0（这使得输入框必须使用

标签

标记），则需要为每个框分别设置标签

---

实际上，最好为月/年输入设置一个字段，这样就不会出现此问题。（我相信大多数用户会发现键入“10/12”比键入“10”更自然，点击下一个输入框——或者点击TAB，但大多数用户不会——然后键入“12”。任何从一个字段自动切换到另一个字段的尝试都会造成混乱。）

有一个解决方案，使用标题和aria标签BY属性

以下是一个例子：

<span id="bday">Birthday</span>:
<select name="bday_month" title="Month of Birth" aria-labelledby="bday">
<option 1>January
  ...
<option 12>December
</select>
<select name="bday_day" title="Day of Birth" aria-labelledby="bday">
<option 1>1
  ...
<option 31>31
</select>

生日：
一月
...
十二月
1.
...
31

---

这将“通过”辅助功能检查器。

类似的内容？也许，这就是我到目前为止所拥有的。显然，当使用标签是不切实际的时候，使用标题是标签的有效替代品。