Bootstrap 表单的帮助文本

Bootstrap 中，可以为表单控件提供一些帮助文本，来作为用户输入时的帮助信息。支持行内帮助文本和块级帮助文本。

在文本输入框的后面，添加 .help-inline 的元素，就可以为它添加行内帮助文本。如：

<input type="text"><span class="help-inline">Inline help text</span>

效果如图 3‑49所示：

图3-49 Bootstrap表单行内帮助文本

在文本输入框的后面，添加 .help-block 的元素，就可以为它添加块级帮助文本。如：

<input type="text"><span class="help-block">Block help text</span>

效果如图 3‑50所示：

图3-50 Bootstrap表单块级帮助文本

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap 表单的帮助文本相关推荐

Bootstrap 表单控件一（单行输入框input，下拉选择框select ，文本域textarea）
单行输入框,常见的文本输入框,也就是input的type属性值为text.在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootst ...
Bootstrap 表单控件的状态
在使用过程中,每个控件可能都会有很多状态,通过表单控件的状态,可以给用户或访问者提供一些有用的反馈. Bootstrap提供了 4 种状态,分别是获得焦点状态.无效输入状态.禁用状态.验证状态,并为每 ...
Bootstrap 表单的扩展控件
除了基本的控件,作为对 HTML 表单控件的补充,Bootstrap 还为表单额外提供了一些非常实用的扩展控件. 输入框的前置和后置组件,是非常实用的控制控件.利用输入框的前置和后置组件,可以在输入框 ...
Bootstrap 表单的基本控件
Bootstrap支持所有的标准表单控件,包括 input 控件.textarea 控件.checkbox 和 radio 控件.select 控件等. 1.input 控件 Bootstrap 支持 ...
Bootstrap表单
Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) -> 这个不好看,都是手机版了,PC版占一排不好看: 内联表单 -> 我相信这个才是你想要的,PC版响应横排,手机版响应竖 ...
Bootstrap 表单的动作按钮
Bootstrap定义了 .form-actions 类,专门用来控制表单动作按钮的样式.可以将一组动作按钮放在表单尾部,并放在 .form-actions 的容器中,则这些按钮会自动缩进,跟其它表单 ...
Bootstrap 表单控件的尺寸
在Bootstrap中,有三种设置控件尺寸的方法,一种是让控件成为块级元素,一种是使用相对尺寸,一种是使用网格尺寸. 1.让控件成为块级元素如果想让控件像块级元素一样占满容器,就可以为它添加 .in ...
bootstrap 表单验证
前言:做Web开发的我们,表单验证是再常见不过的需求了.友好的错误提示能增加用户体验.博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator.今天就来 ...
php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...

Bootstrap 表单的帮助文本

Bootstrap 表单的帮助文本相关推荐

最新文章

热门文章