html中bootstrap表单内元素的各类属性简析
2017-11-02 12:25
513 查看
首先,给form加上form-inline类属性,可以将表单内的所有元素设置为内联,横向排列。
在表单内部,可以给div加上如下类属性:
form-group:给<div>添加,声明该区域为表单元素,是表单的一个表示单元,该单元内部可包含一个文本加上表单的一行,文本可以在行的上边或左边。即可包含<label>和<div class="input-group"></input>或者是可以被form-control修饰的元素。
input-group:给<div>添加,声明区域为表单的一行,行内又可以包含像<span class="input-group-addon"></span>这样的提示区域以及可以被form-control修饰的元素,input-group要么和input-group-addon成对出现,要么就都不出现(小原则)。
input-group-addon:给<span>添加,表示一行内的额外内容——前缀和后缀,例如<span class="input-group-addon">@</span>。把该<span>元素放在被form-control修饰的元素的前面或后面。
form-control:给表单内的<input>,<select>,<textarea>添加,它们会受到特定修饰,匹配表单样式。
在表单内部,可以给div加上如下类属性:
form-group:给<div>添加,声明该区域为表单元素,是表单的一个表示单元,该单元内部可包含一个文本加上表单的一行,文本可以在行的上边或左边。即可包含<label>和<div class="input-group"></input>或者是可以被form-control修饰的元素。
input-group:给<div>添加,声明区域为表单的一行,行内又可以包含像<span class="input-group-addon"></span>这样的提示区域以及可以被form-control修饰的元素,input-group要么和input-group-addon成对出现,要么就都不出现(小原则)。
input-group-addon:给<span>添加,表示一行内的额外内容——前缀和后缀,例如<span class="input-group-addon">@</span>。把该<span>元素放在被form-control修饰的元素的前面或后面。
form-control:给表单内的<input>,<select>,<textarea>添加,它们会受到特定修饰,匹配表单样式。
相关文章推荐
- HTML笔记三,表单相关元素和属性
- HTML 文件类表单元素如何限制上传类型,Accept属性设置
- 【Bootstrap】html属性顺序的编码规范及表单
- 记不住就存下来---- HTML 5 新增的属性与元素 之 表单控件新增元素
- HTML 5(三)——HTML 5表单相关元素与属性
- HTML 表单元素、 输入类型、Input 属性
- 了解HTML表单之input元素的30个元素属性
- JavaScript权威指南_140_第15章_脚本化文档_15.9-HTML表单-表单和元素的属性
- 了解HTML表单之input元素的30个元素属性
- html5篇——新增表单元素和表单属性
- HTML 18.3 表单元素input的输入属性type
- HTML学习笔记(五)_HTML5表单相关元素和属性
- HTML 5 服务器发送事件、Input 类型、表单元素、表单属性
- html的name属性可以用来获取dom元素,表单提交数组name的写法
- HTML之表单元素
- bootstrap中各类表单的应用
- Request 分别获取具有相同 name 属性表单元素值
- SpringMVC 表单标签中 htmlEscape 属性的作用
- HTML表单的enctype属性详解{转}
- 关于HTML中表单输入标记<input>的radio与checkbox属性的值传递