您的位置:首页 > Web前端 > BootStrap

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
email
url
search
tel
 和 
color
水平排列.form-horizontal 单选多选框 内联显示
.checkbox-inline
 或 
.radio-inline
所谓屏幕阅读器 就是能通过软件 直接将页面上的文字 转化成 语音等信息的设备。静态控件.form-control-static 如果需要在表单中将一行纯文本和 
label
 元素放置于同一行,为 
<p>
 元素添加 
.form-control-static
 类即可。

<fieldset> 组合表单元素,对浏览器版本要求较高。

校验状态

导航和导航条组件只支持 
<button>
 元素。

预定义样式

成功 消息 警告 错误 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: