是否可以在 input type="number" 中插入符号答案

【问题标题】：Is it possible to insert a symbol in input type="number"是否可以在 input type="number" 中插入符号
【发布时间】：2012-07-29 02:14:01
【问题描述】：

我需要做一个数字输入框，用于输入某些元素的成本。我想在框中插入一个 $，所以当用户输入 - 比如说 - 20 时，它会显示 $20。我是不是要求太多了？

【问题讨论】：

标签： html

【解决方案1】：

对于 HTML 部分，您要将 text 的值设置为 $

<input type="text" value="$">

还有JS部分：

$("input").keyup(function() {
    if(this.value.indexOf('$') !== 0) {
        this.value = '$';   
    } 
});

【讨论】：

【解决方案2】：

数字字段似乎只接受数字。所以你可以

1) 将 $ 字符移出输入
2) 使用普通文本输入，并将输入的值限制为数字和 $ 字符。为此，您将侦听keypress 事件，使用事件数据来确定按下了哪个键，并且不允许出现您不想要的值。 Here is a useful example.

【讨论】：

我觉得我表达不清楚。我不想让用户在输入框中输入 $，当用户输入一个简单的数值时，我希望在框中输入一个 $ 符号。不涉及任何其他货币，因此手动输入 $ 符号是没有意义的。

【解决方案3】：

这是一种相当新颖的方法，是我在一个在线捐赠页面（由 acceptiva.com 托管）中找到的一个实现：

<input type="number" class="inputright inputcurrency">

地点：

.inputright {
    text-align: right;
}

.inputcurrency {
    background: url(images/currency_symbol.png) no-repeat left; 
}

【讨论】：