轉自：https://blog.csdn.net/virusos/article/details/70448012

for 屬性規定 label 與哪個表單元素繫結。

隱式和顯式的聯絡 
label通常以下面兩種方式中的一種來和表單控制元件相聯絡：

1. 將表單控制元件作為標記標籤的內容，這樣的就是隱式形式，
2. 或者為 label 標籤下的 for 屬性命名一個目標表單 id，這樣就是顯式形式。

例如，在 XHTML 中：

顯式的聯絡：
<label for="SSN">Social Security Number:</label>
<input type="text" name="SocSecNum"
 
 id="SSN" />

隱式的聯絡：
<label>Date of Birth: <input type="text" name="DofB" /></label>

第一個標記是以顯式形式將文字 “Social Security Number:” 和表單的社會安全號碼的文字輸入控制元件 (“SocSecNum”) 聯絡起來，它的 for 屬性的值和控制元件的 id 一樣，都是 SSN。 
第二個標記 (“Date of Birth:”) 不需要 for 屬性，它的相關控制元件也不需要 id 屬性，它們是通過在 label標籤中放入 input 標籤來隱式地連線起來的。

        <span>狀態：</span>
         <div class="checkbox checkbox-success checkbox-inline" style="margin-right: 0px;">
                <input type="checkbox" id="state1" value="1" name="statusName" checked>
                <label for="state1"> 稽核通過 </label>
         </div>
          <div class="checkbox checkbox-success checkbox-inline" style="margin-right: 0px;">
                 <input type="checkbox" id="state2" value="0" name="statusName" checked>
                 <label for="state2"> 待專案稽核 </label>
          </div>