技术疑问：能否在<label>标签中同时嵌套checkbox与hidden input？

首先明确：把checkbox和hidden input放在同一个<label>标签里是符合W3C HTML规范的。

原因如下：

• <label>的核心作用是关联一个可交互的表单控件（比如checkbox、文本输入框这类用户能操作的元素），以此提升页面的可访问性。规范里并没有限制<label>只能包含一个控件，它可以容纳多个元素，包括hidden input这类不可交互的表单控件。
• 你提到的hidden input不会被<label>关联，这一点是对的——因为hidden input本身不可见、不可交互，<label>只会和里面那个可操作的checkbox建立关联（这里通过嵌套的方式实现关联，完全符合规范）。
• 你把商品的选择控件和对应的隐藏信息放在同一个<label>里，从逻辑上也合理，既保证了选择操作的可访问性，又能把相关数据绑定在一起，不会有问题。

如果要进一步优化，也可以把hidden input放在<li>里而不是<label>内，但这属于代码结构的偏好问题，你的原始写法本身完全合规，不会触发任何规范问题。

内容的提问来源于stack exchange，提问作者allevo