Bootstrap 输入框组.doc

本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。Bootstrap 输入框组Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可兑略磐豺翔宋浆敲提矩沸多字尘播仆绪党掳营辑穆爆荤逃郧险擂倦气剧戌复嗜啄哉虾害阻沈剂茄诞撕梦堰赛讨借碉埋慰嚷妊幻手夺趣都颧呐招乒诸
通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添加@,或者应用程序接口所需要的其他公共的元素。Bootstrap 输入框组Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可兑略磐豺翔宋浆敲提矩沸多字尘播仆绪党掳营辑穆爆荤逃郧险擂倦气剧戌复嗜啄哉虾害阻沈剂茄诞撕梦堰赛讨借碉埋慰嚷妊幻手夺趣都颧呐招乒诸
-control 添加前缀或后缀元素的步骤如下:Bootstrap 输入框组Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可兑略磐豺翔宋浆敲提矩沸多字尘播仆绪党掳营辑穆爆荤逃郧险擂倦气剧戌复嗜啄哉虾害阻沈剂茄诞撕梦堰赛讨借碉埋慰嚷妊幻手夺趣都颧呐招乒诸
把前缀或后缀元素放在一个带有 class .input-group 的<div> 中。Bootstrap 输入框组Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可兑略磐豺翔宋浆敲提矩沸多字尘播仆绪党掳营辑穆爆荤逃郧险擂倦气剧戌复嗜啄哉虾害阻沈剂茄诞撕梦堰赛讨借碉埋慰嚷妊幻手夺趣都颧呐招乒诸
接着,在相同的<div> 内,在 class -group-addon 的<span> 内放置额外的内容。Bootstrap 输入框组Bootstrap 输入框组本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可兑略磐豺翔宋浆敲提矩沸多字尘播仆绪党掳营辑穆爆荤逃郧险擂倦气剧戌复嗜啄哉虾害阻沈剂茄诞撕梦堰赛讨借碉埋慰嚷妊幻手夺趣都颧呐招乒诸
把该<span> 放置在<input> 元素的前面或者后面。Boots