bootstrap中input添加.form-control类有何作用？

 

[置顶] bootstrap中input添加.form-control类有何作用？

标签： bootstrapcss控件classform-contro

2016-12-06 16:51  7967人阅读  评论(0)  收藏  举报

  分类：

Web前端（30） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

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定制样式。