bootstrap 基础（一） 续

一：多选和单选框

　　　　多选框【checkbox  用于选择列表中的一个或多个选项】

　　　　单选框【radio 用于从多个选项中只选择一个 】

　　　　.disabled　　【禁选】

　　　　XX.inline    【在一行显示】   【XX代指 checkbox和radio】

二：下拉列表（select）

　　　　　　【注意，很多原生选择菜单 - 即在 Safari 和 Chrome 中 - 的圆角是无法通过修改 border-radius 属性来改】

　　　　　　

　　　　　　【对于标记了 multiple 属性的 <select> 控件来说，默认显示多选项】

　　　　　　

三：静态控件

　　　　【如果需要在表单中将一行纯文本和 label 元素放置于同一行，为 <p> 元素添加 .form-control-static 类即可】

　　　　　　

四：焦点状态

　　　　【我们将某些表单控件的默认 outline 样式移除，然后对 :focus 状态赋予 box-shadow 属性】

五：禁用状态

　　【<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>】

　　

　　被禁用的 fieldset

　　　　【为<fieldset> 设置 disabled 属性,可以禁用 <fieldset> 中包含的所有控件】

<form>
  <fieldset disabled>
    <div class="form-group">
      <label for="disabledTextInput">Disabled input</label>
      <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
    </div>
    <div class="form-group">
      <label for="disabledSelect">Disabled select menu</label>
      <select id="disabledSelect" class="form-control">
        <option>Disabled select</option>
      </select>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"> Can't check this
      </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </fieldset>
</form>

六：只读状态  【没有写的权力】

　　　　【为输入框设置 readonly 属性可以禁止用户修改输入框中的内容。

　　　　　　处于只读状态的输入框颜色更浅（就像被禁用的输入框一样），

　　　　　　但是仍然保留标准的鼠标状态】