加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 16:40:44 所属栏目:资源 来源:网络整理
导读:我有这个签到表格: labelCheck in date /labelselect 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 opti
我有这个签到表格:
<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元素指定自己的标签.

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读