web-dev-qa-db-ja.com

HTML5 iOS 7 / iOS8で10進キーボードを表示する

何時間も検索した後、簡単な質問があります。ウェブブラウザの入力フィールドに10進キーボードを表示する可能性はありますか? input type="number"は数字のみを表示しますが、左下隅に代わりにコンマまたはドットが必要です。

patternstepなど、何でも試しましたが、10進キーボードが表示されません。数字とドットまたはコンマだけが必要で、A-Zまたはa-zなどは必要ありません。

<input type="number" id="inputNumbers" pattern="[0-9]*" size="30" min="1" max="5">

これは私が得るものです: enter image description here

これは私が欲しいものです: enter image description here

16
Sithys

これを試して:

EditText myEditText = (EditText)findViewById(R.id.myEditText);
myEditText.setInputType(InputType.TYPE_NUMBER_FLAG_DECIMAL);

または:

<input type="tel" />

これはちょっとしたハックです:

<input type="number" step="0.01">

入力値に関しては、達成しようとしていることによっては機能する可能性があります

このリンクは役に立つかもしれません: カスタム/通貨パターンでiOSテンキーを強制する

あなたが正しく来ることを願っています!

1
Dave

https://github.com/mrchandoo/cordova-plugin-decimal-keyboard

小数点を設定できます(.の代わりに,に変更できます)

enter image description here

1
vguerrero

これはiPhoneとAndroidで機能します。

<input type="text" inputmode="decimal">

IPhone10でこのキーパッドの結果:

iPhone 10 Decimal Keypad

そしてAndroidの場合:

Android Decimal Keypad

0
Kai Noack

パターンに従ってこのhtmlコードを確認してください

 <input type="text" pattern="[a-z]*">
0