jquery - 我可以将徽章放在 Bootstrap 输入中吗？

Question

我想产生类似于下面的效果。当然最好是 KISS，没有大量的 JS 等。

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

现在我已经尝试过追加:

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

http://jsfiddle.net/andilab/sLmyJ/我也 fork 了这个: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"] 的原因之一。