html中，使用label标签可以增大用户点击范围；label标签通常配合input标签一起使用，label标签在单选按钮和复选按钮上经常被使用。使用该标签后，当点击单选按钮或复选按钮的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上，关联的控件id一般是input标签的id；id一般不固定，为一个变量，否则会重复聚焦该id所关联的控件。
- 语法一：
<label for="关联控件的id" form="所属表单id列表">文本内容</label> - 语法二：
<input type="checkbox" id="*"> <label for="*">文本内容</label>
实际代码：
<input
type="checkbox"
class="custom-control-input"
:id=1
/>
<label class="custom-control-label" for="关联控件的id">内容</label>
补充： 关于input标签的点击触发还有另外一个点，readonly属性，可以设置表单输入框无法点击输入内容，设置readonly后，输入框的样式可能会发生改变，可以使用style属性重新设置
<input
type="number"
class="form-control inp"
readonly
style="background: 颜色"
/>
