<html lang="pt-pt" dir="ltr"><head></head><body>### [Como pré-popular campos no mesmo formulário](https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/)

**Publicado:** 21 de março de 2022
**Autor:** Equipe Editorial

**Resumo:** Este tutorial irá guiá-lo através de como pegar valores inseridos de um campo e pré-popular outro campo dentro do mesmo formulário. 

**Conteúdo:**

Interessado em pré-popular campos no seu formulário com valores de outros campos dentro do mesmo formulário? Com JavaScript, você pode fazer isso acontecer. Neste guia, iremos guiá-lo através do processo de criação do seu formulário e incorporação de um trecho que extrairá o campo Nome da página um do formulário e preencherá automaticamente o campo Nome na página dois do mesmo formulário.

## Criação do formulário

Para este tutorial, estamos criando um formulário de várias páginas que terá um campo **Nome** em ambas as páginas do formulário.

Se precisar de alguma assistência na criação de um formulário de várias páginas, [por favor, reveja esta documentação](https://wpforms.com/docs/how-to-create-multi-page-forms-in-wpforms/ "Como Criar Formulários de Várias Páginas no WPForms").

![crie o formulário de várias páginas](https://wpforms.com/wp-content/uploads/2022/03/multi-page-wpforms-pre-populate.jpg)

O **Formato** do campo **Nome** para o propósito deste tutorial está definido como **Simples**. ![defina o formato do campo nome como Simples](https://wpforms.com/wp-content/uploads/2022/03/wpforms-name-field-format.jpg)

## Pré-popular os campos

Para pré-popular campos no mesmo formulário, precisaremos adicionar este trecho ao nosso site.

Se precisar de assistência sobre como e onde adicionar trechos ao seu site, [por favor, confira este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como Adicionar PHP ou JavaScript Personalizado para WPForms").

```

/**
 * Populate fields in the same form
 *
 * @link https://wpforms.com/developers/how-to-pre-populate-fields-in-the-same-form/
 */

function wpf_dev_name_change() {
    ?&gt;

**Categorias:** Extensão

**Tags:** Javascript, JS

---</body></html>