输入字段中的引导关闭功能

【问题标题】：Bootstrap close function in input field输入字段中的引导关闭功能
【发布时间】：2023-03-15 23:16:01
【问题描述】：

有人可以帮助我使用 bootstrap 3 中的关闭功能吗？我会使用该功能来关闭输入字段。所以关闭按钮在字段的右侧。

<div class="alert alert-warning alert-dismissable">
  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
</div>

但此时我不知道如何在输入字段中使用它。有可能的？抱歉，我是 bootstrap an co 的新手。 :)

非常感谢！

【问题讨论】：

您是否包括jquery 和bootstrap.min.js？

标签： javascript html function twitter-bootstrap input

【解决方案1】：

试试这个...

<div class="alert alert-warning alert-dismissable">
  <span class="pull-right" data-dismiss="alert">×</span><input type="text">
</div>

http://bootply.com/130498

编辑.. 这是在输入中放置关闭图标的更新

<div class="input-group add-on alert alert-dismissable">
    <input type="text" class="form-control">
    <div class="input-group-btn" data-dismiss="alert">
      <button class="btn btn-default">x</button>
    </div>
</div>

这是这里的第二个例子：http://bootply.com/130498

【讨论】：

嗯，我已经有关闭输入框的功能了。但我会在输入标签内有“X”按钮。就像“x-webkit-speech”模块 :) 所以关闭按钮位于输入字段内的右侧...
哦，好吧.. 参见 Bootply 中的第二个示例
YEAR :) 非常感谢 ;-)