html - 一个 HTML 标签和两个表单输入

标签 html forms textbox semantics label

如果我想将一个标签与两个表单输入相关联,为两个输入“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/

相关文章:

javascript - 带有弹出窗口的交互式签到页面

javascript - Jquery - 文本框接受不超过 24 和 60 的数字

javascript - 如何检查是否在字段上设置了必需的属性

C# 获取按钮单击 gridview 上每一行的单元格值

.net - 如何模拟文本输入到WPF文本框?

html - 使用 CSS 定位和溢出

php - 如何使用 PHP 和 Javascript 滚动浏览一组图片

html - 使用 particles.js

javascript - 防止重复点击网页中的按钮

c++ - 自动填写 Web 表单