将“px”附加到文本输入值的末尾

Question

基本上，我有一堆选项允许用户更改像素值。例如：字体大小，容器宽度等。

在这些特定的文本输入中，我希望“px”跟随保存的值。如果“px”不可选且无法删除，那将是理想的选择。这将使用户只能更改整数，同时确保“px”在插入数据库时​​跟随整数。

我不确定哪种编程可以实现这一点，但我猜它会是javascript / jQuery。

任何人都可以帮助我吗？

谢谢！

Answer 1

我喜欢Twitter Bootstrap的方式：

HTML：

<div class="input-append">
    <input class="span1" type="text" />
    <span class="add-on">px</span>
</div>

演示：http://jsfiddle.net/Uc2sc/

您也可以在输入字段后面的文本下拉。