1. ホーム
  2. ios

[解決済み] iOSで<input type="number"/>が数字キーパッドを表示しない。

2023-06-30 11:01:05

質問

によると アップルのドキュメント というタイプの input 要素を設定すると number を設定すると、数字キーパッドが表示されるはずです。

<input type="number"/>

number : 数字を指定するためのテキストフィールドです。iOS 3.1以降では数字キーボードが表示されます。

見た目は、ほとんど失敗することはないように見えます。 しかし、私の iPhone またはシミュレーター (どちらも iOS6) でこの簡単な操作を表示すると、数字キーパッドは表示されず、代わりに標準のアルファベット キーボードが表示されます。

http://jsfiddle.net/Cy4aC/3/

いったい何を間違えたんだろう?

どのように解決するのですか?

パターンを指定する必要があります。

<input type="number" pattern="\d*"/>

として number は負の値か浮動小数点数を持つことができるので - . , は、数字のみのパターンを指定しない限り、キーボードで利用可能であるべきです。