Gibt es eine Möglichkeit, ein maskiertes numerisches Eingangsfeld zu haben?

Question

Ich erstelle eine HTML5 -Anwendung auf einem Android und für dieses spezielle Szenario haben wir ein Eingabefeld, das für den Sicherheitscode einer Kreditkarte bestimmt ist, und wir möchten, dass das Eingabefeld nur nummeritiv und maskiert ist.

Ich hatte kein Glück, nach diesem speziellen Fall zu suchen, und von allem, was ich anhand von recherchieren/selbst ausprobieren kann verwendet werden). Fehlt mir etwas und es gibt eine Möglichkeit, die numerische Tastatur zu popupieren, während der Eingang durch HTML5 maskiert wird, oder gibt es eine andere Möglichkeit, den Tastatureingangstyp zu erzwingen oder die Eingabe über CSS oder JavaScript zu maskieren?

Danke für jede Hilfe!

Answer 1

Wenn es nur erforderlich ist, in Webkit -basierten Browsern zu arbeiten und CSS in "rein durch html5" zulässig ist, können Sie versuchen:

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

Ich bin mir nicht sicher, ob es derzeit ein Äquivalent für andere Browser gibt, In Zukunft kann dies durch die kontrollierbar sein appearance CSS -Eigenschaft. Die CSS3 -Version von appearance wurde von der Spezifikation fallen gelassen, so dass Sie auf die Standardisierung von warten müssen text-security für eine Kreuzbrowserlösung.