深入学习Bootstrap表单
作者：ppqq21 | 来源：互联网 | 2022-10-12 17:01
这篇文章主要为大家详细介绍了Bootstrap表单的基础知识，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文知识点借鉴来自http://www.runoob.com/bootstrap/bootstrap-forms.html，里面写的比较详细还给出了例子，这里总结一下重点方便记忆。
一、表单布局
1.垂直表单（默认）
向父 元素添加 role="form"。
中。这是获取最佳间距所必需的。
3.复选框（Checkbox）和单选框（Radio）
4.选择框（Select）
使用 展示列表选项，通常是那些用户很熟悉的选择列表，比如州或者数字。
5.静态控件
当您需要在一个水平表单内的表单标签后放置纯文本时，请在
上使用 class .form-control-static。
三、表单控件状态
1.输入框焦点
当输入框 input 接收到 :focus 时，输入框的轮廓会被移除，同时应用 box-shadow。
2.禁用的输入框 input
如果您想要禁用一个输入框 input，只需要简单地添加 disabled 属性，这不仅会禁用输入框还，会改变输入框的样式以及当鼠标的指针悬停在元素上时鼠标指针的样式。
3.禁用的字段集 fieldset
对
添加 disabled 属性来禁用 内的所有控件。
4.验证状态
Bootstrap 包含了错误、警告和成功消息的验证样式。只需要对父元素简单地添加适当的class（.has-warning、 .has-error 或 .has-success）即可使用验证状态。
5.表单控件大小
分别使用 class .input-lg(或.input-sm) 和 .col-lg-* 来设置表单的高度和宽度
6.表单帮助文本
Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。 为了添加一个占用整个宽度的内容块，请在
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有