首页
学习
活动
专区
工具
TVP
发布

Bootstrap 表单

Bootstrap 表单 在本章中,我们将学习如何使用 Bootstrap 创建表单Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。...表单布局 Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 垂直或基本表单 基本的表单结构是 Bootstrap 自带的,个别的表单控件自动接收一些全局样式。...Bootstrap 支持最常见的表单控件,主要是 input、textarea、checkbox、radio 和 select。...除了 :focus 状态(即,用户点击 input 或使用 tab 键聚焦到 input 上),Bootstrap 还为禁用的输入框定义了样式,并提供了表单验证的 class。...Bootstrap 表单控件可以在输入框 input 上有一个块级帮助文本。

1.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

BootStrap干货篇之表单

BootStrap干货篇之表单 1.1. 基本介绍 1.2. 内联表单 1.3. 水平表单 1.4. 多选和单选框 1.4.0.1. 内联单选和多选框 1.4.0.2....作者说 BootStrap干货篇之表单 基本介绍 单独的表单控件会被自动赋予一些全局样式。...在内联表单,我们将这些元素的宽度设置为width: auto;,因此,多个控件可以排列在同一行。根据你的布局需求,可能需要一些额外的定制化组件。...--label中的for标签是用于绑定组件的,如果指定了for标签,input中的id也和for标签的内容相同,那么就会当鼠标点击内容时会自动聚焦在input上--> <label...水平表单通过指定为form指定form-horizontal类来设定,其中可以使用BootStrap的栅栏系统设置水平间距,其中的form-group的div就表示一行了,相当于<div class

1.1K10
领券