Resumen de IA
¿Le gustaría mostrar información en sus formularios sin permitir que los usuarios la cambien? Con WPForms, puede hacer que cualquier campo sea de solo lectura para que los usuarios puedan ver los valores pero no editarlos.
En este tutorial, le mostraremos cómo habilitar la opción de solo lectura en el creador de formularios.
Habilitar solo lectura para un campo
Para empezar, abra su formulario en el creador y haga clic en el campo que desea hacer de solo lectura. Luego, abra la pestaña Avanzado en el panel Opciones de campo y active la configuración Solo lectura.
Una vez habilitado, el campo permanecerá visible en su formulario, pero los usuarios no podrán cambiar su valor.
Casos de uso para campos de solo lectura
Los campos de solo lectura son útiles en muchos escenarios diferentes, como:
- Mostrar datos prellenados: Por ejemplo, puede insertar etiquetas inteligentes como
{user_email}o{user_display_name}para mostrar los detalles de la cuenta de un usuario sin permitirle editar esos valores. - Mostrar totales calculados: Si su formulario calcula un valor (como totales de pedidos o puntuaciones), puede mostrarlo en un campo de solo lectura.
- Formularios de confirmación: Permita a los usuarios revisar la información antes de enviarla sin alterarla.
- Restricciones basadas en roles: Combine la lógica condicional con campos de solo lectura para que ciertos usuarios solo puedan ver datos mientras que otros pueden editarlos.
Cómo se ven los campos de solo lectura en el frontend
En el frontend, los campos de solo lectura aparecen atenuados o con estilo de deshabilitados para que quede claro que no se pueden cambiar. Este estilo funciona tanto en los temas de formularios Clásico como Moderno, así como en constructores de páginas como Gutenberg y Divi.
Aunque el campo esté bloqueado, su valor se envía con la entrada del formulario.
Nota: Si desea administrar campos de solo lectura mediante programación, WPForms proporciona una API de JavaScript con métodos para bloquear, desbloquear y alternar campos. Para obtener detalles, consulte nuestra guía para desarrolladores sobre cómo usar la API de JavaScript para campos de solo lectura.
¡Eso es todo! Ahora sabe cómo configurar campos como solo lectura en WPForms.
¿A continuación, le gustaría prellenar sus campos automáticamente? Consulte nuestro tutorial sobre cómo agregar valores predeterminados para los campos del formulario.