validar validacion tipo solo qué pattern numeros numerico number limitar letras formularios formulario existe control caracteres campo android html5 input-field

android - validacion - ¿Hay alguna manera de tener un campo de entrada numérico enmascarado?



validacion html5 pattern (1)

Estoy creando una aplicación HTML5 en un Android y para este escenario específico, tenemos un campo de entrada que es para el código de seguridad de una tarjeta de crédito y queremos forzar que el campo de entrada sea numérico y enmascarado.

No he tenido la suerte de buscar este caso específico y todo lo que puedo decir de investigar / intentarlo por mí mismo es que esto no se puede hacer simplemente a través de HTML5 (ya que el número y la contraseña son opciones para el tipo y solo un tipo puede ser usado). ¿Me estoy perdiendo algo y hay una manera de abrir el teclado numérico mientras se enmascara la entrada mediante HTML5 o hay otra forma de forzar el tipo de entrada del teclado o enmascarar la entrada a través de CSS o JavaScript?

¡Gracias por cualquier ayuda!


Si solo se requiere para trabajar en navegadores basados ​​en WebKit, y CSS está permitido en ''puramente a través de HTML5'', puede intentar:

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

No estoy seguro de si actualmente hay algún equivalente para otros navegadores , en el futuro esto puede ser controlable a través de la propiedad CSS de appearance . La versión CSS3 de la appearance se ha eliminado de la especificación, por lo que parece que tendrá que esperar la estandarización de text-security del text-security para una solución de navegador cruzado.