bootstrap 表单元素、按钮、链接的禁用

标签：

在Bootstra中，表单元素，按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素，按钮。链接需要加入class="disabled" 可以禁用链接。

文本框的禁用：
<input class="form-control" id="disabledInput" type="text" 
            placeholder="该输入框禁止输入..." disabled>
组合表单的禁用：如果 filedset标签上禁用了，那么它里面所有表单元素都禁用，包括子文本框、下拉列表。

  <fieldset disabled>
      <div class="form-group">
         <label for="disabledTextInput"  class="col-sm-2 control-label">
            禁用输入（Fieldset disabled）
         </label>
         <div class="col-sm-10">
            <input type="text" id="disabledTextInput" class="form-control" 
               placeholder="禁止输入">
         </div>
      </div>
      <div class="form-group">
         <label for="disabledSelect"  class="col-sm-2 control-label">
            禁用选择菜单（Fieldset disabled）
         </label>
         <div class="col-sm-10">
            <select id="disabledSelect" class="form-control">
               <option>禁止选择</option>
            </select>
         </div>
      </div>
   </fieldset>


禁用按钮

  <button type="button" class="btn btn-default btn-lg" disabled="disabled">
      禁用按钮
   </button>

禁用链接：
<a href="#" class="btn btn-default btn-lg disabled" role="button">
      禁用链接
   </a

bootstrap 表单元素、按钮、链接的禁用

标签：

原文地址：http://www.cnblogs.com/liuyuanhao/p/4482887.html