web-dev-qa-db-ja.com

HTML5数値入力ステップと精度

入力にステップ値と精度を定義する方法がわかりません[数値]

1.01のステップを指定するまで、0.01は無効と見なされます。しかし、その場合、特定のステップを指定することはできません。

大きな数字で同じ問題。 1000のステップを指定し、ユーザーが1001を入力した場合、値はinvalid...と見なされます...

あなたはこれを見ることができます

20
Yacine Zalouani

おそらく、正しいステップと、目的に合った初期値を定義する必要があるだけです。

value属性の役割は、step属性のドキュメント http://www.w3schools.com/tags/att_input_step.asp で十分に説明されていません。

例の最初の入力では、属性はvalue = 1.01およびstep = 1(デフォルト値)に設定されています。入力は次の値を受け入れます:1.01 + 1n。ここで、nは整数値です。受け入れられる値の例は、1.01、2.01、3.01など、および-0.99、-1.99 -1.99などです。

原則として、受け入れられる値は次のとおりです。

value + step * n

どこ n \in \mathbb{Z}

入力にフォーカスがあるときに上/下矢印キーを使用すると、受け入れられる値を把握できます。

以前の回答で提案されているように、step="any"はステップ検証を無効にしますが、ステッパー機能は無効にしません(stepはデフォルトで1になります)が、手動でステップ検証を実装する必要があります。

8

step属性の Definition and Usage を見てください。

Step属性は、要素の有効な番号間隔を指定します。

間隔から外れると、その数は不正になります。

必要に応じて、JavaScriptコードを使用してみてください。

3
Italo Borssatto