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

【问题标题】：Append "px" to end of text input value将“px”附加到文本输入值的末尾
【发布时间】：2013-04-13 21:02:34
【问题描述】：

基本上，我有很多选项可以让用户更改像素值。例如：字体大小、容器宽度等。

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

我不确定什么样的编程可以做到这一点，但我猜应该是 javascript/jQuery。

谁能帮帮我？

谢谢！

【问题讨论】：

【解决方案1】：

我喜欢 Twitter Bootstrap 的做法：

HTML：

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

您还可以将输入字段后的文本设为下拉菜单。

【讨论】：

确实看起来不错，但我认为这不会在实际输入中的整数之后包含“px”，这是将“px”与数据库一起添加到数据库所必需的数字。我对吗？谢谢！
@thomasusborne：您应该将它添加到服务器端，而不是客户端。我总是可以提交15noodles 而不是15px，如果你不在服务器端验证它，你将存储任意用户输入。
稍微详细说明一下，数据库中不需要存储px。从数据库中读取值后，只需将其重新添加，并添加到需要附加 px 的任何内容中。
谢谢你们让我的大脑有点颤抖。我会开始这样看。