正符号付きのhtml入力タイプ=数字

Question

html入力タイプ=数字フィールドにプラス記号を追加することができるかどうかは知っていますか？私は、ユーザーが+1から+10または-1から-10までの修飾値を入力する必要があるというシナリオを持っています。私は、入力値が結果の値をインクリメントすることをユーザに非常に明示したい。したがって、+記号が正の入力値の前に付加されていると効果的です。

私は、この入力をブートストラップスタイリングでAngular2の反応形式で使用しています。そのため、Angular2命令、ブーストラップスタイル、またはjqueryソリューションでさえも歓迎します。

これまで見てきたことは、フォームコントロール内に通貨記号を追加すること、または+と - のボタンを追加して値を増減することです。しかし、それは私の望むものではないので、これが可能なのかどうかは疑問です。

Answer 1

入力を操作することはできません。 デフォルトは負の場合は " - "、正の数の場合は符号なしです。あなたのようなUIフレームワークの作成チェックしていても

：

のjQuery UI、ブートストラップ、角度の材質は...

は、私が唯一の解決策は、独自のカスタムコードを記述することであると思います。

2つのシナリオが用意されています：テキストと操作と

の1-入力には、JavaScriptになります。

angle2でパイプを作成し、それを要素に渡します。最初のものよりずっと簡単だと思います。

Answer 2

いいえ、それはできません。番号フィールドは、-,0-9およびeのみを受け入れることができます。回避策としては、例えば、入力する前にHTMLに+を置くことができます：

+ <input type="number" />

代わりにあなたが標準type="text"入力を使用することができますが、それはどのだろう、独自の検証ロジックを作成する意味しますがコードをはるかに複雑にする。