Есть ли способ иметь поле численного ввода в маске?

Question

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

Мне не повезло в поисках этого конкретного случая, и от всего, что я могу сказать, по исследованию/опробованию для себя, это то, что это не может быть сделано исключительно через HTML5 (поскольку номер и пароль являются параметрами для типа, и только один тип может использоваться). Я что-то упускаю, и есть способ всплыть на числовую клавиатуру, когда вход будет маскирован через HTML5 или есть другой способ заставить тип ввода клавиатуры или маскировать вход через CSS или JavaScript?

Спасибо за помощь!

Answer 1

Если это необходимо только для работы в браузерах на основе Webkit, а CSS разрешено «исключительно через HTML5», вы можете попробовать:

input[type=number] {
    -webkit-text-security: disc;
}

Я не уверен, есть ли в настоящее время эквивалент для других браузеров, в будущем это может контролироваться через appearance CSS Property. Анкет CSS3 версия appearance был отброшен из спецификации, поэтому вам придется ждать стандартизации text-security Для решения для браузера.