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

#html #ipad #keyboard

#HTML #iPad #клавиатура

Вопрос:

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

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

коснитесь поля для цифры 1
появляется альфа-клавиатура
переключиться на цифровую клавиатуру
нажмите цифру
клавиатура исчезает

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

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

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

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

1. Когда-нибудь находили лучшее решение? Для меня это в значительной степени ограничитель отображения, когда мне нужны определенные нажатия клавиш в одном текстовом поле, чтобы сфокусироваться на другом текстовом поле, но экранная клавиатура ipad не перестанет исчезать при изменении фокуса.

Ответ №1:

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