标签

<label>

. 部分表单元素比较小，用户交互|点击没有那么方便，如单选或多选

. 为了扩展交互热区，增强用户体验，将 <label> 和 <input> 绑定|关联起来：点击 <label> 就相当于单击 <input> - offers some major advantages

. 关联：<input> 指定 id 属性；<label> 指定 for 属性

. <label> 不能嵌套 <div>

. <label> 配合表单元素可以实现很多非常棒的设计，如定制表单元素、不使用 JavaScript 却能实现 JavaScript 的效果

. 更多信息，请访问 MDN - <label>

独立使用

<input type='text' id='uname'>
<label for='uname'>text here</label>

包裹使用

使用 <label> 包裹 <input>；记得移除 <label> 的 for 属性

<label>
    <input type='text'>text here
</label>

推荐使用

使用 <span> 包裹文本信息，结构更加清晰

<label>
    <input type='text'>
    <span>text here</span>
</label>