C'è un modo per avere un campo di input numerico mascherato?

Question

Sto creando un'applicazione HTML5 su un Android e per questo scenario specifico, abbiamo un campo di input che è per il codice di sicurezza della carta di credito e vogliamo forzare il campo di input per essere solo numberic e mascherati.

non ho avuto fortuna la ricerca per questo caso specifico e da tutto ciò che posso dire dalla ricerca / cercare fuori per me è che questo non può essere fatto solo attraverso HTML5 (dal numero e la password sono entrambe le opzioni per il tipo e solo un tipo può essere utilizzato). Mi sto perdendo qualcosa e non v'è un modo per comparsa la tastiera numerica, pur avendo l'ingresso essere mascherato attraverso HTML5 o c'è un altro modo per forzare il tipo di input da tastiera o mascherare l'input tramite CSS o JavaScript?

Grazie per qualsiasi aiuto!

Answer 1

Se è richiesto solo al lavoro nei browser WebKit base, e CSS è consentito in 'puramente attraverso HTML5', si potrebbe provare:

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

Non sono sicuro se c'è attualmente alcun equivalente per gli altri browser , in futuro questo può essere controllabile attraverso la proprietà CSS appearance . La versione CSS3 di appearance è stato fatto cadere dal spec, così sembra che si dovrà attendere per la standardizzazione dei text-security per una soluzione cross browser.