bootStrap中疑难点一（表单相关）

bootStrap中疑难点一（表单相关）

一.表单
1.form-control控件可以为input，select，textarea等表单控件添加样式。
2.水平表单中需要
向父 <form> 元素添加 class .form-horizontal。 表明是水平表单
把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。
向标签添加 class .control-label。将所有标签都右对齐，格式比较统一。
3.input、textarea、checkbox、radio 和 select。
4.Bootstrap 提供了对所有原生的 HTML5 的 input 类型的支持，包括：text、password、datetime、datetime-local、date、month、time、week、number、email、url、search、tel 和 color。
5.<textarea class="form-control" rows="3"></textarea>
6.当创建表单时，如果您想让用户从列表中选择若干个选项时，请使用 checkbox。如果您限制用户只能选择一个选项，请使用 radio。
checkbox的属性（1）checkboxObject.checked=true|false （2）checkbox的value值 （3）checkboxObject.disabled=true|false （4） name属性 （5）disabled = true | false
radio的属性（1）radioObject.checked=true|false （2）radio的value值 （3）radioObject.disabled=true|false （4） name属性 （5）disabled = true | false
7.select标签，使用 multiple="multiple" 允许用户选择多个选项。
<select multiple class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
8.当您需要在一个水平表单内的表单标签后放置纯文本时，请在 <p> 上使用 class .form-control-static。！！！特别好用，当在某一行表单中，不用Input的时候，而是显示文本的时候，就添加上这个类。
9.如果要禁用的输入框 input，那么给这个输入框加上disabled这个属性
10.验证状态
Bootstrap 包含了错误、警告和成功消息的验证样式。只需要对父元素简单地添加适当的 class（.has-warning、 .has-error 或 .has-success）即可使用验证状态。
11.表单控件大小
给表单元素加class .input-lg或者input-sm
给外围div加 .col-lg-* 来设置表单的高度和宽度