每一個(gè)表單都是由表單控件組成。離開了控件，表單就失去了意義。接下來(lái)的我們簡(jiǎn)單的來(lái)了解Bootstrap框架中表單控件的相關(guān)知識(shí)。
單行輸入框，常見的文本輸入框，也就是input的type屬性值為text。在Bootstrap中使用input時(shí)也必須添加type類型，如果沒有指定type類型，將無(wú)法得到正確的樣式，因?yàn)锽ootstrap框架都是通過(guò)input[type=“?”](其中?號(hào)代表type類型，比如說(shuō)text類型，對(duì)應(yīng)的是input[type=“text”])的形式來(lái)定義樣式的。
為了讓控件在各種表單風(fēng)格中樣式不出錯(cuò)，需要添加類名“form-control”，如：
<form role="form"> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter email"> </div> </form>
運(yùn)行效果如下或查看右側(cè)結(jié)果窗口:
我也來(lái)試試：完成下面任務(wù)
在右側(cè)代碼編輯器中寫入一個(gè)單行文本框，用于輸入用戶名。
正確代碼如下：
<form role="form">
<div class="form-group">
<input type="email" class="form-control" placeholder="Enter email">
<input type="text" class="form-control" placeholder="Enter Username">
</div>
</form>
備注:這一小節(jié)沒有正確性驗(yàn)證，請(qǐng)查看結(jié)果窗口，從而判斷輸入代碼是否正確。
請(qǐng)驗(yàn)證，完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多，請(qǐng)先驗(yàn)證，完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)