在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
时间: 2024-10-12 08:02:53