bootstrap 怎么做出后面有一个叉号的输入框?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap 怎么做出后面有一个叉号的输入框?相关的知识,希望对你有一定的参考价值。

<div class="input-group">
<!--上处自带内边距-->
<span class="input-group-addon">姓名</span>
<input type="text" class="form-control" tabindex="1" placeholder="请输入讲解员姓名"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-user"></span>
</span>
</div>

想在输入框的末端加一个 × 用来清空当前输入框的输入,求大神指教该怎么做

参考技术A <div class="form-group has-error has-feedback">
<label class="control-label" for="inputError2">Input with error</label>
<input type="text" class="form-control" id="inputError2" aria-describedby="inputError2Status">
<span class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true"></span>
<span id="inputError2Status" class="sr-only">(error)</span>
</div>本回答被提问者和网友采纳
参考技术B 自己总结了下

http://www.cnblogs.com/aiyr/p/7278914.html

以上是关于bootstrap 怎么做出后面有一个叉号的输入框?的主要内容,如果未能解决你的问题,请参考以下文章

vue-生成二维码生成点击输入框内叉号移除生成的二维码输入框聚焦

vue-生成二维码生成点击输入框内叉号移除生成的二维码输入框聚焦

bootstrap模态框内的表格javascript input radio单选取值问题

Bootstrap3系列:输入框组

bootstrap输入框设置问题

bootstrap模态窗口怎么设置