показывать клавиатуру ipad при вводе текста в ряд полей ввода?

Question

У меня есть сайт с формой для захвата номера телефона. Дизайнер решил сделать поле номера телефона последовательностью из 10 полей ввода, каждое поле может содержать максимум 1 цифру.

Очень неприятно набирать мой номер телефона через ipad. Это процесс для ввода номера телефона:

1. коснитесь поля для цифры 1

2. альфа-клавиатура подходит

3. переключение на цифровую клавиатуру

4. нажмите цифру

5. исчезает клавиатура

Повторите шаги с 1 по 5 для оставшихся цифр от 2 до 10.

Как заставить клавиатуру всегда быть видимой и в числовом режиме? Затем onkeyup на каждом цифровом поле, чтобы автоматически сфокусироваться на следующем цифровом поле?

У меня нет возможности перепроектировать этот интерфейс.

Временное решение Я собираюсь создать 1 поле ввода текста для всех 10 цифр, но сделать границы и фон прозрачными. Затем я собираюсь использовать фоновое изображение для отображения 10 отдельных полей. Но я все еще не знаю, как заставить клавиатуру ipad перейти в цифровой режим по умолчанию.

Answer 1

Я полагаю, вы можете использовать html5 doctype и <input type="number" /> ref , чтобы планшеты и смартфоны автоматически отображали цифровую клавиатуру.