• 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
     
  • 相关阅读:
    android数据恢复
    UVA 690 Pipeline Scheduling
    2017 国庆湖南 Day4
    2017 国庆湖南 Day5
    2017 国庆湖南 Day6
    2017国庆 清北学堂 北京综合强化班 Day1
    2017 国庆湖南Day2
    bzoj 2962 序列操作
    UVA 818 Cutting Chains
    UVA 211 The Domino Effect
  • 原文地址:https://www.cnblogs.com/liuyuanhao/p/4482887.html
Copyright © 2020-2023  润新知