一連の入力フィールドにテキストを入力するときにipadキーボードを表示しますか？

Question

私は、電話番号を取得するためのフォームを持つウェブサイトを持っています。設計者は、電話番号フィールドに一連の10個の入力フィールドを作成することにしました。各フィールドは最大1桁まで入力できます。

私の電話番号をipad経由で入力するのは、非常にイライラします。これは、電話番号を入力するためのプロセスである：

1. 桁1

2. アルファキーボードが最高の数字キーボードに

3. トグル

4. プレス桁

   が来るフィールドの

   タッチ

5. キーボードが消える

繰り返して、どのように私は常に表示し、数字モードであることを、キーボードを強制ん1 2

10に残りの桁のための5までのステップ？その後、各桁のフィールドでonkeyup、自動的に次の桁のフィールドに焦点を当てる？

このインタフェースを再設計するオプションはありません。

私はすべての10桁の場合は1、テキスト入力フィールドを作成するのではなく、境界線と背景を透明にするつもりだ 一時的なソリューションを提供します。次に、10個の別々のフィールドを表示するために背景イメージを使用します。しかし、私はまだipadキーボードをデフォルトで数字モードにする方法を知らない。

Answer 1

私はあなたがhtml5 doctypeと<input type="number" />refを使用してタブレットとスマートフォンに数値キーボードを自動的に表示できると信じています。