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元素指定自己的标签. 更好的方法是为日期提供单个文本输入字段.然后标签没有问题.这意味着更多的工作,因为您必须解析数据服务器端,并且您还应该在客户端解析它(用于检查,以便可以立即通知用户问题).但它具有更好的可用性(输入日期肯定比使用三个笨拙的下拉菜单更快)和更好的可访问性.您需要决定日期格式并清楚地告诉用户预期的格式是什么. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |