首页 > 试题广场 >

为了在input两侧添加额外元素，以下说法正确的是

[不定项选择题]

在bootstrap中为了在input两侧添加额外元素，以下说法正确的是

```
使用input-group来封装控件
```

使用input-group-addon来添加前置元素

使用input-group-tailon来添加后置元素

```
必须为input添加form-control类
```

查看正确选项

猿来

ABD

发表于 2018-08-04 21:07:33 回复(0)

更多回答

DJL箫氏

我觉得直接上代码，更容易理解

<div class="input-group"> <span class="input-group-addon">$</span> <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)"> <span class="input-group-addon">.00</span> </div>

也就是说前置后置元素还是根据在input两边的位置，只要添加input-group-addon这个class就行

最后想问大家前端怎么备战笔试

发表于 2016-08-18 10:25:42 回复(8)

Tomhu

B ; 向 .form-control 添加前缀或后缀元素的步骤如下：

把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。
接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。
把该 <span> 放置在 <input> 元素的前面或者后面。
通过向 .input-group 添加相对表单大小的 class（比如 .input-group-lg、input-group-sm、input-group-xs ）来改变输入框组的大小。输入框中的内容会自动调整大小。

发表于 2015-03-09 17:21:03 回复(2)

张川

每次bootstrap都做不起，是不是太笨了呢！js里面angularJS也在，完全不懂

发表于 2015-10-10 19:07:48 回复(5)

听丶风来

为什么要这样对我。。。

发表于 2018-08-22 16:33:06 回复(2)

joeychen

不要把bootstrap放进来考没意思还是那句话不是所有人都用它的

发表于 2016-06-06 20:13:52 回复(0)

漪萱紫笎

看《Bootstrap输入框组》 http://www.runoob.com/bootstrap/bootstrap-input-groups.html

发表于 2017-06-22 11:00:41 回复(0)

999JOKER

建议单开一个bootstrap的专项练习，也可以多开几个其它库或者框架的练习，感觉前端的练习有点少了。同意的请点赞。

发表于 2017-03-20 16:25:02 回复(16)

Adam201902221318416

能不能别把bootstrap放到基础里面来，真的没必要

发表于 2019-03-07 08:07:52 回复(0)

没有人

我就想考考自己HTML,bootstrap什么时候也成标准了?

发表于 2015-06-12 09:02:47 回复(22)

SBTXZ

感觉好垃圾啊，为啥都是bootstrap的东西

发表于 2016-09-27 16:02:45 回复(0)

牛客(Yangfan)

我就想安静的做会题不行吗？？？？？？？。？？？？。？？？？？

发表于 2016-06-19 14:08:17 回复(0)

黑色的灵眸

现在用的element-ui和vue，感觉比较好

发表于 2019-05-26 00:23:12 回复(0)

g给不二

发表于 2018-03-14 22:09:12 回复(0)

小北风.

给input添加form-control类，使得input标签达到标签的100%宽度。

input-group类将，关于input的一系列全部打包

在input标签的前后添加input-group-addon，在input输入框前后添加元素

发表于 2017-12-10 20:44:39 回复(0)

狐死首丘

其实都不懂

发表于 2017-10-09 01:18:35 回复(0)

坏东西

不会

发表于 2017-08-28 13:39:01 回复(0)

牛客348616号

B ; 向 .form-control 添加前缀或后缀元素的步骤如下：把前缀后后缀元素放在一个带有 class .input-group 的 <div> 中。接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。把该 <span> 放置在 <input> 元素的前面或者后面。通过向 .input-group 添加相对表单大小的 class（比如 .input-group-lg、input-group-sm、input-group-xs ）来改变输入框组的大小。输入框中的内容会自动调整大小。

发表于 2017-04-06 10:38:59 回复(0)

熊在匣子里

通过向输入域添加前缀和后缀的内容，您可以向用户输入添加公共的元素。例如，您可以添加美元符号，或者在 Twitter 用户名前添加 @，或者应用程序接口所需要的其他公共的元素。向 .form-control 添加前缀或后缀元素的步骤如下：把前缀或后缀元素放在一个带有 class .input-group 的 <div> 中。接着，在相同的 <div> 内，在 class 为 .input-group-addon 的 <span> 内放置额外的内容。把该 <span> 放置在 <input> 元素的前面或者后面。也就是说前置后置元素还是根据在input两边的位置，只要添加input-group-addon这个class就行

编辑于 2017-03-27 11:09:36 回复(0)