Есть ли способ иметь замаскированное числовое поле ввода? - PullRequest
Новая
       14

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

23 голосов
/ 01 декабря 2011

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

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

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

1 Ответ

38 голосов
/ 01 декабря 2011

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

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

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

...