<html lang="es-es" dir="ltr"><head></head><body>### [Cómo pre-rellenar campos en el mismo formulario](https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/)

**Publicado:** 21 de marzo de 2022
**Autor:** Equipo Editorial

**Extracto:** Este tutorial te guiará a través de cómo tomar valores introducidos de un campo y pre-rellenar otro campo dentro del mismo formulario.

**Contenido:**

¿Interesado en pre-rellenar campos en tu formulario con valores de otros campos dentro del mismo formulario? Con JavaScript, puedes hacer que esto suceda. En esta guía, te llevaremos a través del proceso de creación de tu formulario e incorporación de un fragmento que extraerá el campo Nombre de la página uno del formulario y pre-rellenará automáticamente el campo Nombre en la página dos del mismo formulario.

## Creación del formulario

Para este tutorial, estamos creando un formulario de varias páginas que tendrá un campo **Nombre** en ambas páginas del formulario.

Si necesitas ayuda para crear un formulario de varias páginas, [por favor revisa esta documentación](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/ "Cómo crear formularios de varias páginas en WPForms").

![crear el formulario de varias páginas](https://wpforms.com/wp-content/uploads/2022/03/multi-page-wpforms-pre-populate.jpg)

El **Formato** del campo **Nombre** para el propósito de este tutorial está configurado como **Simple**. ![establecer el formato del campo de nombre a Simple](https://wpforms.com/wp-content/uploads/2022/03/wpforms-name-field-format.jpg)

## Pre-rellenado de los campos

Para pre-rellenar campos en el mismo formulario, necesitaremos añadir este fragmento a nuestro sitio.

Si necesitas ayuda sobre cómo y dónde añadir fragmentos a tu sitio, [por favor consulta este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Cómo añadir PHP o JavaScript personalizado para WPForms").

```

/**
 * Rellenar campos en el mismo formulario
 *
 * @link https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/
 */

function wpf_dev_name_change() {
    ?&gt;

**Categorías:** Extensión

**Etiquetas:** Javascript, JS

---</body></html>