Numeric Keypad On Devices for Password Field

Question

Я знаю, что это было задано много раз, но ни один из ответов, которые я видел ранее, не работал на любых устройствах, которые я сейчас тестирую. Ни одна из устройств Android, iOS или устройств Windows (начиная от планшетов до мобильных телефонов) не использует цифровую клавиатуру.

Я пытаюсь реализовать поле CV2 на веб-сайте и, следовательно, нужно, чтобы элементы отображались как поле пароля. Ниже приведено полное поле ввода со всеми используемыми в настоящее время.

<input type="password" pattern="[0-9]*" autocomplete="off" maxlength="3" class="fm-input--small" required spellcheck="false" name="cvvNumber" data-alt-name="the last 3 digits on the back of your card" placeholder="e.g. 412" id="cvvNumber" inputmode="numeric"/> 

Несмотря на все эти различные способы, в нем нет цифровой клавиатуры. Протестировано на устройствах iOS 8.0.3 и устройствах Android 4.1.2 и 4.4.0.

У меня есть возможность изменить его на type = number и заставить его сниматься. Однако, единственное решение, которое я нашел это:

-webkit-text-security: disc; 

Который, к сожалению, я не могу использовать, как мне это нужно, чтобы быть на устройствах Windows. Раньше также шаблон = [0-9] * работал несколько месяцев назад, но теперь нет. Кто-нибудь знает, была ли удалена поддержка для этого?

Я также обеспокоен

inputmode="numeric" 

Как это не официально часть выпуска HTML5 еще. Это не работает, поэтому я не думаю, что он будет включен.

Я счастлив решить это через не только CSS. Если нужно написать небольшое количество jQuery, это может быть лучшим способом. Заранее спасибо!

EDIT:

Это работает на iPhone прошивкой 6.1.3. Weird ...

Answer 1

В IOS с помощью нижеприведенного скрипта вы можете открывать цифровую клавиатуру.

<input type="text" pattern="[0-9]*"> 

Или

<input type="number" /> 

и для Android.

<input type="number" step="0.01"> 

triggering-numeric-keyboards

Надеется, что это поможет вам.

Answer 2

1: Выберите ваш UITextfied 2: Перейти к Attribute Inspector 3: Выберите необходимый "тип клавиатуры"

use screenshot as a reference