IPhone Цифровая клавиатура с десятичной для веб-приложений?
Я знаю, что с помощью собственных приложений для iPhone вы можете использовать UIKeyboardTypeDecimalPad для создания цифровой клавиатуры с десятичной точкой. Есть ли способ заставить эту же клавиатуру для поля ввода на мобильной веб-странице или веб-приложении? Если еще нет, кто-нибудь знает, будет ли это обнаружение добавлено в Safari в iOS 6?
Я могу отображать обычную числовую клавиатуру без проблем, но мне бы очень хотелось иметь десятичный ключ, поэтому мне не нужно отображать полную клавиатуру.
Спасибо!
Ответы
Ответ 1
Это невозможно, однако есть небольшой взлом, который вы можете использовать.
Посмотрите на эту ссылку - http://web.archive.org/web/20151110014447/http://www.brownphp.com/2011/05/iphone-currency-input-web-apps/
Как только пользователь начинает писать/печатать в поле, он начинает добавлять числа таким образом - 0,01 → 0,12 → 1,23 → 12,34. Так что это может быть использовано для аналогичного эффекта.
Также здесь представлен обзор типов ввода для веб-приложений, где видно, что невозможно использовать тип ввода с числами и десятичной точкой.
http://www.fabianpimminger.com/web-development/how-to-change-the-iphone-on-screen-keyboard-in-web-apps/
Ответ 2
Документация Apple перечисляет number
как тип ввода:
Текстовое поле для указания числа. Выводит клавиатуру с цифровым клавиатурой в iOS 3.1 и более поздних версиях. Указание типа ввода \d * или [0-9] * эквивалентно использованию этого типа.
Ответ 3
Проблема с number
заключается в том, что она будет принимать только целые числа. Я нашел этот, где он упоминает добавление step="any"
. Теперь вы получаете цифровую клавиатуру и можете вводить десятичные знаки.
Ответ 4
Checkout inputmode="decimal"
атрибут.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
Пока не поддерживается широко, но доступно в iOS 12.2.
https://caniuse.com/#feat=input-inputmode