Bootstrap 其淫巧計- 用 fieldset 讓區塊內全部 Disabled

Bootstrap 4 強勢襲來！！

上面那行是廣告 XD


切入主題, 要怎麼讓區塊內全部都 Disabled 的狀態呢？

給他包進一個 <fieldset> tag, 然後搞定！

謝謝！ 沒唬爛～  附上  飯粒連結

Disabled input

Disabled select menu             Disabled select           

Can't check this

Copy

<form>
  <fieldset disabled>
    <div class="form-group">
      <label for="disabledTextInput">Disabled input</label>
      <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
    </div>
    <div class="form-group">
      <label for="disabledSelect">Disabled select menu</label>
      <select id="disabledSelect" class="form-control">
        <option>Disabled select</option>
      </select>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"> Can't check this
      </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </fieldset>
</form>