我可以将徽章放入引导输入吗？

Question

我想产生与以下效果相似的效果。当然最好的KISS，没有大量的JS等。

可能？看到一些工作演示很高兴。最适合Twitter Bootstrap 2.3。

现在，我尝试使用append：

$ ->
   $('#ajax_search_input').append('#danger")

http://jsfiddle.net/andilab/sLmyJ/我也对此进行了分叉：http : //jsfiddle.net/andilab/kvH9E/关于添加图标。可以推广到徽章吗？

Answer 1

您不需要javascript即可完成此操作-您可以使用绝对定位使它看起来像标签在输入内部一样。下面的简单演示：

http://jsfiddle.net/sLmyJ/1/

.label-danger {
    position: absolute;
    left: 3px;
    top: 5px;
}

编辑-要对此进行扩展，您不能在中添加任何其他元素input。这是为什么button经常使用元素而不是的原因之一input[type="button"]。