Est-il possible d'avoir un champ d'entrée numérique masqué?

Question

Je crée une application HTML5 sur un Android et pour ce scénario spécifique, nous avons un champ d'entrée qui est pour le code de sécurité d'une carte de crédit et nous voulons forcer le champ d'entrée à format: numérique uniquement et masquée.

Je n'ai pas eu la recherche de chance pour ce cas spécifique et de tout ce que je peux dire de la recherche / l'essayer pour moi est que cela ne peut pas être fait uniquement par HTML5 (puisque nombre et mot de passe sont les deux options pour le type et seulement un type peut être utilisé). Suis-je manque quelque chose et il y a un moyen de clavier numérique pop-up tout en ayant l'entrée masquée par HTML5 ou est-il une autre façon de forcer le type d'entrée du clavier ou masquer l'entrée par CSS ou JavaScript?

Merci pour toute aide!

Answer 1

S'il est nécessaire que de travailler dans les navigateurs basés sur WebKit et CSS est autorisée dans « purement par HTML5 », vous pouvez essayer:

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

Je ne sais pas s'il y a actuellement un équivalent pour les autres navigateurs , dans l'avenir, ce peut être contrôlable par la appearance propriété CSS . La version CSS3 de appearance est tombé de la spécification, il semble que vous devrez attendre la normalisation de text-security une solution navigateur cross.