关于bootstrap--表单控件（disabled表单禁⽤、显⽰表单验证的
样式）
1、disabled：
(1)在input中加⼊disabled可使表单禁⽤，如图：
<input class="form-control input-lg" id="disabledInput" type="text" placeholder="表单已被禁⽤，不可输⼊" disabled></div>
(2)如果fieldset设置了disabled属性，整个域都将处于被禁⽤状态，如图：
<fieldset disabled>
<div class="form-group">
<label for="disabledTextInput">禁⽤的输⼊框</label>
<input type="text" id="disabledTextInput" class="form-control" placeholder="禁⽌输⼊">
</div>
<div class="form-group">
<label for="disabledSelect">禁⽤的下拉框</label>
<select id="disabledSelect" class="form-control">
<option>不可选择</option>
</select>
</div>
</fieldset>
2、legend：如果legend中有输⼊框的话，这个输⼊框是⽆法被禁⽤的，如图：
<legend><input type="text" class="form-control" placeholder="显然我颜⾊变灰了，但是我没被禁⽤，不信？单击试⼀下" /></legend> 3、表单验证状态：加上has-feedback，并且加⼀个
<span class="glyphiconglyphicon-ok form-control-feedback"></span>
标签，才会出现⼩图标；在<input>下⾯加上<span class="help-block">来显⽰“你们输⼊的正确信息”。
<form role="form">
<div class="form-group has-success has-feedback">
<label class="control-label" for="inputSuccess1">成功状态</label>
<input type="text" class="form-control" id="inputSuccess1" placeholder="成功状态" >
<span class="help-block">你输⼊的信息是正确的</span>
<span class="glyphicon glyphicon-ok form-control-feedback"></span>
</div>
<div class="form-group has-warning has-feedback">input标签placeholder属性
<label class="control-label" for="inputWarning1">警告状态</label>
<input type="text" class="form-control" id="inputWarning1" placeholder="警告状态">
<span class="help-block">请输⼊正确信息</span>
<span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
</div>
<div class="form-group has-error has-feedback">
<label class="control-label" for="inputError1">错误状态</label>
<input type="text" class="form-control" id="inputError1" placeholder="错误状态">
<span class="help-block">你是输⼊的信息是错误的</span>
<span class="glyphicon glyphicon-remove form-control-feedback"></span>
</div>
</form>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。