是否可以在input type =“number”中插入符号

Question

我需要创建一个数字输入框，用于输入某些元素的成本。我想在框中插入一个$，所以当用户输入-let的说 - 20时，它会显示20美元。我问得太多了吗？

Answer 1

数字字段似乎只是取数字。所以你可以

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

Answer 2

对于HTML部分，您要将文本值设置为$

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

JS部分：

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

Answer 3

这是一个相当新颖的方法，从我在在线捐赠页面（由acceptiva.com主办）中找到的实现中归结为：

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

其中：

.inputright {
    text-align: right;
}

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