html - 是否可以在 input type="number" 中插入符号

Question

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

Answer 1

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

1) 将 $ 字符移出输入
2) 使用普通文本输入，并将输入的值限制为数字和 $ 字符。为此，您将监听keypress事件，使用事件数据来确定按下了哪个键，并且不允许出现您不想要的值。 这是一个有用的例子。

Answer 2

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

<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; 
}