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

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

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

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

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

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

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