Bootstrap 教程
在本教程中，您將學習如何使用 Bootstrap 2.0 工具包來創(chuàng)建表單。
Bootstrap 已經(jīng)為 input、textarea 和 select 等表單控件定義樣式，支持列表和復選框，為禁用的表單控件定義樣式，包括每個表單控件的錯誤、警告、成功狀態(tài)。
自版本 2.0 起，Bootstrap 提供了四中類型的表單布局 -
在 Bootstrap 的上一個版本中，表單布局默認是水平布局。但是，自版本 2.0 起，垂直布局是默認布局。
為 bootstrap.css 中 .form-vertical class 的 Bootstrap 默認表單布局（即垂直表單）定義樣式。但是由于這是默認表單布局，在通過默認布局創(chuàng)建表單的時候，不需要規(guī)定 .form-vertical class。下面的實例演示一個通過 Bootstrap 2.0 默認表單布局創(chuàng)建的表單。
.well class 用于創(chuàng)建表單的容器（當然，它還有其他用途）。這個 class 可在 bootstrap.css 中行號 1650 到 1663 找到。對于這個布局，輸入框是塊級的（block level）。下面的實例演示如何使用 Bootstrap 創(chuàng)建一個默認表單布局。
使用位于 bootstrap.css 中行號為 962 到 1003 （這些行也包含了 .form-inline 的樣式）的 .form-search class，來創(chuàng)建一個搜索表單。對于這個布局，輸入框是塊級的（block level）。下面是一個實例：
使用位于 bootstrap.css 中行號為 962 到 1003 （這些行也包含了 .form-search 的樣式）的 .form-inline class，來創(chuàng)建一個內(nèi)聯(lián)表單。對于這個布局，輸入框是內(nèi)聯(lián)的（inline）。下面是一個實例：
使用位于 bootstrap.css 中的 .form-horizontal class，來創(chuàng)建一個水平表單。對于這個布局，輸入框是塊級的（block level）。下面是一個實例：
當輸入字段獲得焦點或者輸入字段被禁用或者字段只讀時，Bootstrap 已經(jīng)為這些定義樣式。在 bootstrap.css 中從行號 677 到 697，為獲得焦點的輸入框和輸入域元素定義了樣式。
首先，Webkit "outline" 作為 ":focus" 的值使用，但是現(xiàn)在已經(jīng)變?yōu)?" box-shadow"。
下面是一個實例，展示了獲得焦點的輸入框、只讀的輸入框、禁用的輸入框、禁用的復選框和禁用的按鈕的樣式如何改變。
Bootstrap 2.0 可以為驗證表單時的錯誤、警告、成功狀態(tài)定義樣式。這是很好的特性，由于當用戶提交表單數(shù)據(jù)發(fā)生錯誤時，或者需要生成一個警告時，甚至是通知用戶已經(jīng)成功提交數(shù)據(jù)時，需要向用戶展示不同的樣式。
這里有一個實例：