Definir Campos como Apenas Leitura

Gostaria de exibir informações nos seus formulários sem permitir que os utilizadores as alterem? Com o WPForms, pode tornar qualquer campo apenas para leitura, para que os utilizadores possam ver os valores, mas não os editar.

Neste tutorial, vamos mostrar como ativar a opção de apenas leitura no construtor de formulários.

---

Ativar Apenas Leitura para um Campo

Para começar, abra o seu formulário no construtor e clique no campo que gostaria de tornar apenas para leitura. Em seguida, abra o separador Avançadas no painel Opções do Campo e ative a configuração Apenas Leitura.

Uma vez ativado, o campo permanecerá visível no seu formulário, mas os utilizadores não poderão alterar o seu valor.

Casos de Uso para Campos Apenas Leitura

Campos apenas para leitura são úteis em muitos cenários diferentes, como:

• Exibição de dados pré-preenchidos: Por exemplo, pode inserir Smart Tags como {user_email} ou {user_display_name} para mostrar os detalhes da conta de um utilizador sem permitir que editem esses valores.
• Exibição de totais calculados: Se o seu formulário calcular um valor (como totais de pedidos ou pontuações), pode exibi-lo num campo apenas para leitura.
• Formulários de confirmação: Permita que os utilizadores revejam as informações antes do envio sem as alterar.
• Restrições baseadas em funções: Combine a lógica condicional com campos apenas para leitura para que certos utilizadores possam apenas ver dados, enquanto outros podem editá-los.

Como os Campos Apenas Leitura Aparecem no Frontend

No frontend, os campos apenas para leitura aparecem esmaecidos ou com estilo de desativados, para que fique claro que não podem ser alterados. Este estilo funciona tanto nos temas de formulário Clássico como Moderno, bem como em construtores de páginas como Gutenberg e Divi.

Mesmo que o campo esteja bloqueado, o seu valor ainda é enviado com a entrada do formulário.

É tudo! Agora sabe como definir campos como apenas para leitura no WPForms.

Em seguida, gostaria de pré-preencher os seus campos automaticamente? Veja o nosso tutorial sobre como adicionar valores padrão para campos de formulário.