第一次接触神奇的Bootstrap表单

本篇将主要介绍Bootstrap表单的使用技巧。

表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。

我们先来看一个基础表单：

基础表单

效果图如下所示：

我们还可以通过为form添加不同的类名达成不同的效果，form的具体规则如下表所示：

例如：

2.Bootstrap表单控件

1）输入框input

2）下拉选择框select

3）文本域textarea

文本域和原始使用方法一样，设置rows可定义其高度，设置cols可以设置其宽度。但如果textarea元素中添加了类名“form-control”类名，则无需设置cols属性。因为Bootstrap框架中的“form-control”样式的表单控件宽度为100%或auto。