整理自慕課筆記
基礎(chǔ)表單
表單主要功能是用來(lái)與用戶做交流的一個(gè)網(wǎng)頁(yè)控件，良好的表單設(shè)計(jì)能夠讓網(wǎng)頁(yè)與用戶更好的溝通。表單中常見的元素主要包括：文本輸入框、下拉選擇框、單選按鈕、復(fù)選按鈕、文本域和按鈕等。其中每個(gè)控件所起的作用都各不相同，而且不同的瀏覽器對(duì)表單控件渲染的風(fēng)格都各有不同。
對(duì)于基礎(chǔ)表單，Bootstrap并未對(duì)其做太多的定制性效果設(shè)計(jì)，僅僅對(duì)表單內(nèi)的fieldset、legend、label標(biāo)簽進(jìn)行了定制。主要將這些元素的margin、padding和border等進(jìn)行了細(xì)化設(shè)置。
當(dāng)然表單除了這幾個(gè)元素之外，還有input、select、textarea等元素，在Bootstrap框架中，通過(guò)定制了一個(gè)類名form-control，也就是說(shuō)，如果這幾個(gè)元素使用了類名“form-control”，將會(huì)實(shí)現(xiàn)一些設(shè)計(jì)上的定制效果。
1、寬度變成了100%
2、設(shè)置了一個(gè)淺灰色（#ccc）的邊框
3、具有4px的圓角
4、設(shè)置陰影效果，并且元素得到焦點(diǎn)之時(shí)，陰影和邊框效果會(huì)有所變化
5、設(shè)置了placeholder的顏色為#999
水平表單
Bootstrap框架默認(rèn)的表單是垂直顯示風(fēng)格，但很多時(shí)候我們需要的水平表單風(fēng)格（標(biāo)簽居左，表單控件居右）見下圖。
在Bootstrap框架中要實(shí)現(xiàn)水平表單效果，必須滿足以下兩個(gè)條件：
1、在元素是使用類名“form-horizontal”。
2、配合Bootstrap框架的網(wǎng)格系統(tǒng)。（網(wǎng)格布局會(huì)在以后的章節(jié)中詳細(xì)講解）
在元素上使用類名“form-horizontal”主要有以下幾個(gè)作用：
1、設(shè)置表單控件padding和margin值。
2、改變“form-group”的表現(xiàn)形式，類似于網(wǎng)格系統(tǒng)的“row”。
內(nèi)聯(lián)表單
有時(shí)候我們需要將表單的控件都在一行內(nèi)顯示，類似這樣的：
在Bootstrap框架中實(shí)現(xiàn)這樣的表單效果是輕而易舉的，你只需要在元素中添加類名“form-inline”即可。
內(nèi)聯(lián)表單實(shí)現(xiàn)原理非常簡(jiǎn)單，欲將表單控件在一行顯示，就需要將表單控件設(shè)置成內(nèi)聯(lián)塊元素（display:inline-block）。
重慶分公司
重慶分公司
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
