Bootstrap系列 -- 14. 表单控件输入框input

简介:      每一个表单都是由表单控件组成。离开了控件,表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。   单行输入框,常见的文本输入框,也就是input的type属性值为text。

 

  

  每一个表单都是由表单控件组成。离开了控件,表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。

  单行输入框,常见的文本输入框,也就是inputtype属性值为text。在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型,比如说text类型,对应的是input[type=“text”])的形式来定义样式的。

<form role="form">
  <div class="form-group">
    <input type="email" class="form-control" placeholder="Enter email">
    
  </div>
  
  <div class="form-group">
    <input type="text" class="form-control" placeholder="请输入用户名">
    
  </div>
</form>   

 

相关文章
N..
|
2月前
|
开发框架 前端开发 UED
Bootstrap表单
Bootstrap表单
N..
19 0
|
8月前
|
前端开发 JavaScript 数据安全/隐私保护
Bootstrap 表单样式-水平排列
Bootstrap 表单样式-水平排列
43 0
|
7月前
开心档之Bootstrap4 输入框组
开心档之Bootstrap4 输入框组
19 0
|
11天前
|
前端开发 JavaScript 容器
Bootstrap 5 保姆级教程(十五):表单
Bootstrap 5 保姆级教程(十五):表单
|
4月前
|
前端开发
BootStrap让两个控件在一行显示(label和input同行)
BootStrap让两个控件在一行显示(label和input同行)
|
7月前
|
前端开发
|
7月前
|
Web App开发 移动开发 前端开发
|
8月前
|
前端开发
Bootstrap 表单样式
Bootstrap 表单样式
24 0
N..
|
2月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
14 0
|
7月前
|
前端开发 容器