ネイティブの iPhone アプリでは、UIKeyboardTypeDecimalPad を使用してテンキーに小数点を強制できることを知っています。モバイル Web ページまたは Web アプリケーションの入力フィールドに同じキーパッドを強制する方法はありますか? もしまだなら、iOS 6 でこの検出が Safari に追加されるかどうか誰か知りませんか?
通常の数字キーパッドは問題なく表示できますが、フル キーボードを表示する必要がないように、10 進数キーが必要です。
ありがとう!
これは不可能ですが、使用できるちょっとしたハックがあります。
このリンクを見てください - http://web.archive.org/web/20151110014447/http://www.brownphp.com/2011/05/iphone-currency-input-web-apps/
ユーザーがフィールドに書き込み/入力を開始すると、この方法で数値の追加が開始されます- 0.01 -> 0.12 -> 1.23 -> 12.34 。したがって、これは同様の効果に使用できます。
また、ここでは Web アプリの入力タイプの概要を示します。数字と小数点を使用した入力タイプを使用できないことがわかります。
input タグに inputmode="decimal" 属性を追加します。
<input id="price" type="number" min="0" inputmode="decimal">
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmodeで他の入力モードを確認してください
Apple のドキュメントnumber
では、入力タイプとして次のようにリストされています。
数値を指定するためのテキスト フィールド。iOS 3.1 以降で数字パッド キーボードを起動します。\d* または [0-9]* の入力タイプを指定することは、このタイプを使用することと同等です。
問題number
は、整数のみを受け入れることです。彼が追加について言及している場所でこれを見つけましたstep="any"
。これで、テンキーパッドが表示され、小数を入力できるようになりました。