1. 程式人生 > >bootstrap中input新增.form-control類有何作用?

bootstrap中input新增.form-control類有何作用?

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>
</div>
結論:form-control控制元件,可以為文字域textarea元素新增CSS定製樣式。