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