Convertir un campo de formulario de Elementor en readonly

Antes de entrar en materia, me presento. Me llamo Lucas y soy  un diseñador y maquetador web con Wordpress y elementor trabajando desde Campanar, en Valencia, España.

Si tienes cualquier duda, recuerda que puedes contactarme para lo que necesites.

Convertir un campo de formulario de Elementor en readonly con jQuery facilmente.

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.

Si buscas un hosting confiable, potente y barato… échale un ojo a Lucushost. A mi me funciona muy bien:

LucusHost, el mejor hosting

*Enlace de afiliado

* Los enlaces marcados con asterisco es una referencia de afiliado por la que gano dinero si llevas a cabo una compra con el mismo como origen de navegación… En el caso de Lucushost, la recomendación es real. Yo estoy 100% satisfecho. Además, siempre puedes probarlo y devolverlo si no quedas satisfecho. En el caso de Amazon, revisa bien antes de comprar, pues todos los artículos de Amazon que muestro en mi blog son añadidos periódicamente por una iA.

¿A qué me dedico?
Mira mi videocurrículum
Contáctame