在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮。链接需要加入class="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
 

相关文章:

  • 2022-12-23
  • 2021-06-18
  • 2021-05-30
  • 2021-07-29
  • 2021-12-03
  • 2022-12-23
  • 2022-12-23
  • 2021-11-17
猜你喜欢
  • 2021-08-14
  • 2022-12-23
  • 2021-10-28
  • 2021-07-08
  • 2022-12-23
  • 2021-11-29
  • 2021-06-16
相关资源
相似解决方案