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 表单元素、按钮、链接的禁用

最新文章

热门文章