是否可以在輸入類型=「數字」中插入符號

Question

我需要創建一個數字輸入框，用於輸入某些元素的成本。我想在框中插入一個$，所以當用戶輸入-let的時候會說20，它會顯示20美元。我問的太多了嗎？

Answer 1

爲您準備的文本的值設置爲$

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

的HTML部分和JS部分：

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

Answer 2

數字字段似乎只是數字。所以，你可以

1）將$的性格輸入
2）使用一個普通的文本輸入，並限制值輸入的只是數字，和$字符。要完成此操作，您需要聽取keypress事件，使用事件數據確定哪個鍵被按下，並且不允許您不想要的值。 Here is a useful example。

Answer 3

這是一個相當新穎的方法，從實現我歸結在網上捐款頁面（由acceptiva.com主辦）中找到：

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

w這裏：

.inputright { 
    text-align: right; 
} 

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