1. Crea un formulario y al campo que quieras convertir en readonly dále un id que lo identifique, por ejemplo, «readonlymail» (sin las comillas). En mi caso, además, estoy utilizando Elementor Pro para llamar dinamicamente al correo del usuario logueado.
2. En Elementor, agrega un widget de «HTML» o «Código personalizado» en tu diseño por debajo del formulario.
3. Dentro del widget HTML o de código personalizado, teniendo en cuenta que el id al que debes llamar será «#form-field-readonlymail» (sin las comillas), agrega el siguiente código:
[html]
<script>
jQuery(document).ready(function($) {
// Espera a que el documento esté listo
// Identifica el campo de entrada de texto por su ID
var campoInput = $("#form-field-readonlymail");
// Haz que el campo sea de solo lectura
campoInput.prop("readonly", true);
});
</script>
[/html]
Si tienes dudas o quieres hacer una aportación deja un comentario.