bootstrap补充之表单

Hokori2018-06-092024-01-18

在bootstrap中还对表单进行了优化，.form-control产生了基础表单，会产生一个全屏宽度的边框，bootstrap的默认表单是垂直显示的
<code lang="html"><form class="form-control" role="form">
        <div class="form-group">
            <input type="text">
        </div>
        <div class="form-group">
            <input type="email"/>
        </div> 
    </form></code>
如果要让form水平显示，则需要在form上加一个.form-horizontal类，改变form-group的表现形式，就像网格系统中的row
有时候，需要将所有的控件在一行全部显示，所以就有了内联表单,在form上加一个.form-inline类，效果和display:inline-block一样
有时候我们经常要使用到表单的一系列控件，如input控件(输入框)，select控件(下拉选择框),文本域(textarea),checkbox（复选框）和单选择按钮(radio)，以及按钮(button).
表单控件有三种状态，焦点状态(.focus)，禁用状态(.disabled)，和验证状态(.has-success/warning/error)