如果我想将一个标签与两个表单输入相关联,为两个输入“ExpirationMonth”和“ExpirationYear”的标签说“Expiration Date”,执行此操作的最佳语义方法是什么?
最佳答案
没有办法将一个标签与多个输入字段相关联,因为一个标签是由 definition , 单个字段的标签。使用 label
元素的原因是基于这样一个简单的对应关系,因此将它同时用于两个字段是没有意义的。
如果您一方面需要有两个输入字段,另一方面需要遵守 WCAG 2.0(这使得输入框必须使用 label
标记,H44),那么您每个盒子都需要有单独的标签。
在实践中,月/年输入最好是单个字段,这样就不会出现这个问题。 (我敢肯定,大多数用户会发现输入“10/12”比输入“10”更自然,单击下一个输入框 - 或按 TAB,但大多数用户不会 - 然后输入“12” . 任何试图从一个字段自动切换到另一个字段的尝试都会引起混淆。)
关于html - 一个 HTML 标签和两个表单输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12967785/