bootStrap学习10---- 表单
2017-05-22 11:20
399 查看
.form-control所有的基础表单元素,在form-control类的控制下,都会被定义宽度等信息。所有设置了
.form-control类的
<input>、
<textarea>和
<select>元素都将被默认设置宽度属性为
width: 100%;例如:<input class="form-control">.form-grouplabel和表单元素包裹在.form-group中,可以获得比较好的排列。输入框组和表单组不要混合使用 建议将输入框组嵌套到表单组中使用。内联表单 .form-inline输入框组
input-group-addon被支持的控件包括大部分表单控件、文本输入域控件,还支持所有 HTML5 类型的输入控件:
text、
password、
datetime、
datetime-local、
date、
month、
time、
week、
number、
url、
search、
tel和
color。水平排列.form-horizontal 单选多选框 内联显示
.checkbox-inline或
.radio-inline所谓屏幕阅读器 就是能通过软件 直接将页面上的文字 转化成 语音等信息的设备。静态控件.form-control-static 如果需要在表单中将一行纯文本和
label元素放置于同一行,为
<p>元素添加
.form-control-static类即可。
<fieldset> 组合表单元素,对浏览器版本要求较高。
校验状态
导航和导航条组件只支持<button>元素。
预定义样式
成功 消息 警告 错误相关文章推荐
- jQuery学习10---属性过滤选择器,表单选择器,遍历复选框
- Bootstrap3.0学习第六轮(表单)
- Bootstrap学习:表单
- Struts2学习10--防止表单的重复提交token标签和tokenSession
- Bootstrap快速学习笔记(2)表单系列之二
- 【10】jQuery学习——入门jQuery选择器之表单选择器
- bootstrap表单学习笔记3-3
- Bootstrap基础学习(二)—表单
- Bootstrap快速学习笔记(2)表单系列之一
- Flask学习笔记-在Bootstrap框架下Web表单WTF的使用
- Struts2学习10--防止表单的重复提交token标签和tokenSession
- Bootstrap3.0学习第六轮(表单)
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(10)--关键点
- bootstrap表单学习笔记3-1
- Bootstrap 学习笔记 之表单(4 day)
- Bootstrap3.0学习第六轮(表单)
- 一步步学习微软InfoPath2010和SP2010--第三章节--表单设计基础:处理InfoPath布局、控件和视图(10)--关键点
- 学习笔记6-bootstrap 表格、表单、按钮以及图片
- bootstrap表单学习笔记3-2
- Bootstrap初级学习(一)表单<form>