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

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

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

Ответы

Ответ 1

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

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

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