html – 如何为多个选择框设置一个标签?

前端之家收集整理的这篇文章主要介绍了html – 如何为多个选择框设置一个标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个签到表格:
<label>Check in date </label>
<select id="day">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select> 
<select id="month">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select> 
<select id="year">
  <option value="1">2012</option>
  <option value="2">2013</option>
</select>

如您所见,用户将在不同的选择框中选择月,日和年,但是,对于所有三个选项框,只应存在一个标签.

使用HTML执行此操作的正确方法是什么?

更新:
我关注的是我们在开发类似上面的代码时可能遇到的可访问性问题.我的意思是,盲人用户应该能够收听每个标签以填写此表格……

解决方法

您不能将标签元素与多个控件关联.这在 definition of label中描述.

您可以为每个select元素指定自己的标签.

更好的方法是为日期提供单个文本输入字段.然后标签没有问题.这意味着更多的工作,因为您必须解析数据服务器端,并且您还应该在客户端解析它(用于检查,以便可以立即通知用户问题).但它具有更好的可用性(输入日期肯定比使用三个笨拙的下拉菜单更快)和更好的可访问性.您需要决定日期格式并清楚地告诉用户预期的格式是什么.

原文链接:https://www.f2er.com/html/227130.html

猜你在找的HTML相关文章