bootstrap中input新增.form-control類有何作用?
阿新 • • 發佈:2019-02-19
1、bootstrap中input新增.form-control類,表示為input元素新增表單控制元件;
2、以下舉幾個案例:
Eg1:<input type="email" class="form-control" placeholder="請輸入郵箱">
結論:form-control控制元件,可以為input元素新增CSS定製樣式。
Eg2:<input type="text" class="form-control" placeholder="請輸入使用者名稱">
結論:form-control控制元件,可以為input元素新增CSS定製樣式。
Eg3:表單控制元件(下拉選擇框select)
<div class="form-group"> <select class="form-control"> <option>1</option> <option>2</option> <option>3</option> </select> </div>
結論:form-control控制元件,可以為下拉選擇框select元素新增CSS定製樣式。
Eg4:表單控制元件(文字域textarea)
<div class="form-group"> <textarea class="form-control" rows="3"></textarea>結論:form-control控制元件,可以為文字域textarea元素新增CSS定製樣式。</div>