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

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

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

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

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

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

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

Давайте будем гением компьютера.