bootstrap label的for属性

<label>标记的for属性应等于相关元素的id属性，以将它们绑定在一起。

<label>标记允许您单击标签，将其视为与单击关联的输入元素一样。有两种创建此关联的方法：
一种方法是将label元素包装在input元素周围：

<label>Input here:
    <input type='text' name='theinput' id='theinput'>
</label>

另一种方法是使用for属性，为其提供关联输入的ID：

<label for="theinput">Input here:</label>
<input type='text' name='whatever' id='theinput'>

这对于与复选框和按钮一起使用特别有用，因为这意味着您可以通过单击关联的文本来选中该框，而不必自己点击该框。
属性将标签与控件元素相关联，当label元素获得焦点（例如，通过单击）时，它将焦点传递给与其关联的控件。标签和控件之间的关联也可以由基于语音的用户代理使用，当处理控件时，基于语音的用户代理可以为用户提供一种询问相关标签是什么的方式。

在问题的第一个示例中（不带for ）， label标记的使用没有逻辑或功能上的含义–它无用，除非在CSS或JavaScript中对其进行了处理。