Bootstrap表单控件状态

Bootstrap表单控件状态

---

1.焦点状态

autofocus就是页面加载完以后它自动获得焦点。

运行效果：

---

2.禁用状态

disabled表示禁用掉的状态

运行效果：

---

3.被禁用的fieldset

运行效果，这样fieldset里面所有的组件就被禁用掉了

---

4.只读状态

运行效果：

让它获得焦点时的状态

 </div>

<div class=" form-group">

<label>用户名 ：</label>

<input type="tel" placeholder="输入电话号" class="form-control" autofocus/>

 </div>

运行效果：

---

5.校验状态

</div>

<div class=" form-group has-success">

<label class="control-label">用户名 ：</label>

 <input type="tel" placeholder="输入电话号" class="form-control" autofocus/>

注意：如果不加control-label属性的化对文本框里面的内容也就是文字是不起作用的

</div>

  <div class="form-group has-success">

  <label class="control-label" for="inputSuccess1">Input with   success</label>

  <input type="text" class="form-control" id="inputSuccess1"> </div>

注意：就是它提供的几个样式success、warning、error分别是是绿色、警告色和红色

<div class="form-group has-warning">

  <label class="control-label" for="inputWarning1">Input with warning</label>

  <input type="text" class="form-control" id="inputWarning1">

</div>

运行效果：