2017-03-09 131 views
0

有誰知道是否有可能在html輸入類型=數字字段中添加加號?我有一個場景,用戶需要輸入一個修飾符值,該值是+1到+10或-1到-10。我想讓用戶非常清楚他們的輸入值是如何增加結果值的。因此,如果+符號被預置爲正輸入值,那將會很好。加號在html輸入類型=數字

我在使用引導樣式的Angular2反應形式中使用此輸入。所以Angular2指令,boostrap樣式,甚至jQuery解決方案都是值得歡迎的

我到目前爲止看到的是關於在窗體控件中添加貨幣符號或者關於添加+和減號按鈕來遞增和遞減值。但那不是我想要的,所以我懷疑這是否可能。

回答

0

我不認爲有可能操縱輸入。 默認值爲「 - 」表示負數,正數表示無符號。

即使你查了創建一個類似的UI框架:

jQuery用戶界面,引導,角料......

我想唯一的解決辦法是寫自己的自定義代碼。

兩種方案可供選擇:

1-使用文本和操縱的輸入將是在javascript。

2-在angular2中創建一個管道並將其傳遞給元素。我認爲這比第一個更容易。

+0

謝謝!使用管道確實是一個很好的建議,至今我還沒有想到。將這個標記爲答案 –

2

不,這是不可能的。號碼字段只接受要輸入的-0-9e。作爲一種變通方法,你可以放置+在HTML的輸入,例如前:

+ <input type="number" />

另外,您可以使用標準type="text"輸入,但是這意味着創建您自己的驗證邏輯這將使代碼更加複雜。

+0

除了可能導致大量問題的JavaScript解決方法之外,這是最好的方法。 –

相關問題