Es allí una manera de tener una máscara de entrada numérico en el campo?

Question

Estoy creando una aplicación HTML5 en un Android y para este caso concreto, tenemos un campo de entrada que es una tarjeta de crédito, código de seguridad y queremos forzar el campo de entrada para ser numberic sólo y enmascarados.

He tenido la suerte de búsqueda para este caso específico y de todo lo que puedo decir de la investigación/probarlo por mí mismo es que esto no se puede hacer únicamente a través de HTML5, ya que el número y la contraseña son las dos opciones para el tipo y sólo un tipo puede ser utilizado).Me estoy perdiendo algo y hay una manera para que aparezca el teclado numérico, mientras que tener la entrada será enmascarada a través de HTML5 o hay otra manera de forzar la entrada de teclado de tipo o enmascaramiento de la entrada a través de CSS o JavaScript?

Gracias por la ayuda!

Answer 1

Si lo único que se requiere para trabajar en los navegadores basados en WebKit, y se permite CSS en "puramente a través de HTML5', puedes intentar:

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

No estoy seguro de si hay en la actualidad ningún equivalente para otros navegadores, en el futuro esto puede ser controlable a través de la appearance Propiedad de CSS.La versión de CSS3 appearance se ha caído de la especificación, por lo que parece que vas a tener que esperar para la normalización de la text-security para un cross browser solución.