Bootstrap:如何为文本框带来X图标

时间:2018-01-30 09:03:32

标签: twitter-bootstrap

我想在文本框中显示X图标以清除文本框控件的数据。我试过这个但是没有正常工作。

X图标没有放在文本框上,而是在文本框之后,这是不对的。所以告诉我代码中缺少的是什么。

preg_split

jsfiddle link https://jsfiddle.net/DTcHh/42173/

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。我已经链接到Bootstrap v3.0.0,它没有包含反馈类。

更新我的v3.3.7链接,现在代码正在运行。

<div class="btn-group has-feedback">
    <input id="searchinput" type="search" class="form-control" style="width:200px;">
        <a 
id="searchclear" 
class="glyphicon glyphicon-remove-circle form-control-feedback form-control-clear" 
style="pointer-events:auto; text-decoration:none; cursor:pointer;"
onclick="$(this).prev('input').val('');return false;">
</a>
</div>

https://jsfiddle.net/DTcHh/42200/