深入学习Bootstrap表单
作者：ppqq21 | 来源：互联网 | 2022-10-12 17:01
这篇文章主要为大家详细介绍了Bootstrap表单的基础知识，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文知识点借鉴来自http://www.runoob.com/bootstrap/bootstrap-forms.html，里面写的比较详细还给出了例子，这里总结一下重点方便记忆。
一、表单布局
1.垂直表单（默认）
向父 元素添加 role="form"。
把标签和控件放在一个带有 class .form-group 的
中。这是获取最佳间距所必需的。
向所有的文本元素 、
3.复选框（Checkbox）和单选框（Radio）
当创建表单时，如果您想让用户从列表中选择若干个选项时，请使用 checkbox。如果您限制用户只能选择一个选项，请使用 radio。
对一系列复选框和单选框使用 .checkbox-inline 或 .radio-inline class，控制它们显示在同一行上。
4.选择框（Select）
使用
5.静态控件
当您需要在一个水平表单内的表单标签后放置纯文本时，请在
上使用 class .form-control-static。
三、表单控件状态
1.输入框焦点
当输入框 input 接收到 :focus 时，输入框的轮廓会被移除，同时应用 box-shadow。
2.禁用的输入框 input
如果您想要禁用一个输入框 input，只需要简单地添加 disabled 属性，这不仅会禁用输入框还，会改变输入框的样式以及当鼠标的指针悬停在元素上时鼠标指针的样式。
3.禁用的字段集 fieldset
对
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 
