bootstrap 的表单控件状态(禁用状态)
2017-02-08 00:00
253 查看
Bootstrap框架的表单控件的禁用状态和普通的表单禁用状态实现方法是一样的,在相应的表单控件上添加属性“disabled”。
例子:
<input class="form-control" type="text" placeholder="表单已禁用,不能输入" disabled>
表单全禁用:
在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态。
<form role="form">
<fieldset disabled>
<div class="form-group">
<label for="disabledTextInput">禁用的输入框</label>
<input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入">
</div>
。。。
例子:
<input class="form-control" type="text" placeholder="表单已禁用,不能输入" disabled>
表单全禁用:
在Bootstrap框架中,如果fieldset设置了disabled属性,整个域都将处于被禁用状态。
<form role="form">
<fieldset disabled>
<div class="form-group">
<label for="disabledTextInput">禁用的输入框</label>
<input type="text" id="disabledTextInput" class="form-control" placeholder="禁止输入">
</div>
。。。
相关文章推荐
- Bootstrap历练实例:表单控件状态(禁用)
- Bootstrap历练实例:表单控件状态(禁用的字段集fieldset)
- Bootstrap 表单控件状态(禁用状态)
- Bootstrap中表单控件状态(验证状态)
- Bootstrap历练实例:表单控件状态(焦点)
- bootstrap 表单控件 控件状态 控件大小 help-block
- Bootstrap-表单控件大小和状态
- 全面解析Bootstrap表单使用方法(表单控件状态)
- boostrap表单控件状态(禁用状态)
- Bootstrap之表单控件状态
- 表单控件状态(禁用状态)
- Bootstrap中表单控件状态(验证状态)
- bootstrap学习之利用CSS属性pointer-events禁用表单控件
- 表单控件状态(禁用状态)
- Bootstrap 表单控件状态(验证状态)
- 全面解析Bootstrap表单使用方法(表单控件状态)
- Bootstrap之表单控件状态
- Bootstrap表单控件状态
- 关于bootstrap--表单控件(disabled表单禁用、显示表单验证的样式)
- Bootstrap关于表单控件(Radio,CheckBox)