Bootstrap表单控件怎么用-创新互联

内联的复选框和单选按钮的实例

 
  选项1
 

 
  选项2
 

 
  选项3
 

 
  选项1
 

 
  选项2
 

选择框（Select）
（1）当您想让用户从多个选项中进行选择，但是默认情况下只能选择一个选项时，则使用选择框。
（2）使用 展示列表选项，通常是那些用户很熟悉的选择列表，比如州或者数字。
（3）使用 multiple=”multiple” 允许用户选择多个选项。

 
  选择列表
  
   1
   2
   3
   4
   5
  

  可多选的选择列表       1    2    3    4    5     

静态控件

需要在一个水平表单内的表单标签后放置纯文本时，请在

上使用 class .form-control-static。

 
  Email
  
   email@example.com

  
 

 
  密码
  
   
  
 

表单控件状态

（1）除了 :focus 状态（即，用户点击 input 或使用 tab 键聚焦到 input 上），Bootstrap 还为禁用的输入框定义了样式，并提供了表单验证的 class。
（2）输入框焦点：当输入框 input 接收到 :focus 时，输入框的轮廓会被移除，同时应用 box-shadow。
（3）禁用的输入框 input：如果您想要禁用一个输入框 input，只需要简单地添加 disabled 属性，这不仅会禁用输入框，还会改变输入框的样式以及当鼠标的指针悬停在元素上时鼠标指针的样式。
（4）禁用的字段集 fieldset：对

 
  聚焦
  
   
  
 

 
  禁用
  
   
  
 

 
  
   禁用输入（Fieldset disabled）
   
    
   
  

  
   禁用选择菜单（Fieldset disabled）
   
    
     禁止选择