for="disabledTextInput"是做什么的？
<form role="form">
? <fieldset disabled>
? ? <legend><input type="text" class="form-control" placeholder="顯然我顏色變灰了，但是我沒被禁用，不信？單擊試一下" /></legend>
? ? <div class="form-group">
? ? ? <label for="disabledTextInput">禁用的輸入框</label>
? ? ? <input type="text" id="disabledTextInput" class="form-control" placeholder="禁止輸入">
? ? </div>
? ? <div class="form-group">
? ? ? <label for="disabledSelect">禁用的下拉框</label>
? ? ? <select id="disabledSelect" class="form-control">
? ? ? ? <option>不可選擇</option>
? ? ? </select>
? ? </div>
? ? <div class="checkbox">
? ? ? <label>
? ? ? ? <input type="checkbox"> 無法選擇
? ? ? </label>
? ? </div>
? ? <button type="submit" class="btn btn-primary">提交</button>
? </fieldset>
</form> ?
2016-11-05
for就是為了說明這個label是為哪個元素“服務的”，比如你寫了一個label和一個文本框，label是為文本框服務的，你可以設置用戶點擊label，焦點也可以自動定到文本框內，也不需要點文本框，焦點才落到文本框。