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

来源:互联网 发布:单片机系统可靠性 编辑:程序博客网 时间:2024/05/29 03:18

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

1 0