Bootstrap框架中的下拉選擇框使用和原始的一致,多行選擇設置multiple屬性的值為multiple。Bootstrap框架會為這些元素提供統一的樣式風格。如:
<form role="form"> <div class="form-group"> <select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> <div class="form-group"> <select multiple class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> </div> </form>
運行效果如下或查看右側結果窗口:
我也來試試:完成下面任務
在右側代碼編輯器寫入代碼使其可以實現愛好多選(踢足球、游泳、慢跑、跳舞)
參考代碼如下:
<div class="form-group"> <select multiple class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> </select> </div>
備注:這一小節沒有正確性驗證,請查看結果窗口,從而判斷輸入代碼是否正確。
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報