¿Puedo enmascarar datos en un campo?

Saludos, como ingresar datos en un campo y que solo se vean asteriscos como si fuera una contraseña.

Hola Miguel,

Gracias por contactarte con el Soporte de Jotform. Esto es posible agregando un código CSS personalizado al formulario para ocultar superficialmente los datos ingresados en un campo. Sin embargo, ten en cuenta que pedir credenciales de ingreso a través de los formularios va en contra de nuestros términos de uso, por lo cual es posible usar esta solución siempre que se utilice junto con información personal no sensible. Te explico como hacerlo:

1. En el Creador de formularios, selecciona el elemento del formulario que desees ofuscar y haz clic en el icono de engranaje para abrir sus propiedades.
2. Ve a la pestaña de Avanzado, baja y haz clic en Detalles del campo.

3. Copia el ID de campo y pégalo donde te indico entre paréntesis en el siguiente código CSS. Ten en cuenta que debes remover también los paréntesis y dejar solo el ID de campo.

 /* obfusar contenido de campo -#23893121 */



(Id de campo) {

    -webkit-text-security : disc;

}



 /* Fin del código - #23893121 */

4. Haz clic en el icono de Brocha azul a la derecha y ve a la pestaña de Estilos.

5. Pega el código CSS en la sección de Insertar CSS personalizado.



Aquí puedes ver el resultado:

De igual manera, aquí te dejo el formulario de prueba para que deudas clonarlo y ver los ajustes.

Haz la prueba y no dudes en hacernos saber si necesitas ayuda con cualquier otra cosa.

Saludos, como configurar los indicado en este campo

Hola Miguel,

Si se trata de un widget, ya sea el de Hoja de cálculo en formulario o cualquiera de los demás disponibles, el código CSS debe ser insertado directamente en el widget. Te explico como hacerlo:

1. En el Creador de formularios, selecciona el widget de Hoja de cálculo a formulario y haz clic en el icono de varita a la derecha.
2. Ve a la pestaña de Añadir CSS, ingresa el siguiente código CSS y haz clic en Actualizar.

 /* ofuscar contenido de widget -#23893121 */



#access-code {

 -webkit-text-security : disc; !important;

}

 

/* fin del código -#23893121 */

Aquí puedes ver el resultado:

Haz la prueba y no dudes en hacernos saber si tienes cualquier otra pregunta.