关于标签

<label> 元素用于引用表单动作元素。
用户界面的范围内,它用于简化目标/选择元素,如类型 radiocheckbox

<label> 作为包装

它可以包含所需的动作元素

<label>
    <input type="checkbox" name="Cats">
    I like Cats!
</label>

(点击文本,目标 input 将切换它的状态/值)

<label> 作为参考

使用 for 属性,你不必将控制元素作为 label 的后代 - 但 for 值必须与其 ID 匹配

<input id="cats" type="checkbox" name="Cats">
<label for="cats" >I like Cats!</label>

注意
请勿在 <label> 元素中使用多个控制元素