Gostaria de exibir informações em seus formulários sem permitir que os usuários as alterem? Com o WPForms, você pode tornar qualquer campo somente leitura para que os usuários possam visualizar os valores, mas não editá-los.
Neste tutorial, mostraremos como ativar a opção somente leitura no construtor de formulários.
Ativação de somente leitura para um campo
Para começar, abra seu formulário no construtor e clique no campo que deseja tornar somente leitura. Em seguida, abra a guia Advanced (Avançado ) no painel Field Options (Opções de campo) e ative a configuração Read-Only (Somente leitura).
Uma vez ativado, o campo permanecerá visível no formulário, mas os usuários não poderão alterar seu valor.
Casos de uso para campos somente leitura
Os campos somente leitura são úteis em muitos cenários diferentes, como:
- Exibição de dados pré-preenchidos: Por exemplo, você pode inserir Smart Tags como
{user_email}ou{user_display_name}para mostrar os detalhes da conta de um usuário sem permitir que ele edite esses valores. - Exibição de totais calculados: Se o formulário calcular um valor (como totais de pedidos ou pontuações), é possível exibi-lo em um campo somente leitura.
- Formulários de confirmação: Permita que os usuários revisem as informações antes do envio sem alterá-las.
- Restrições baseadas em funções: Combine a lógica condicional com campos somente leitura para que determinados usuários possam apenas visualizar os dados, enquanto outros podem editá-los.
Como os campos somente leitura aparecem no front-end
No frontend, os campos somente leitura aparecem acinzentados ou estilizados como desativados para que fique claro que não podem ser alterados. Esse estilo funciona nos temas de formulário Classic e Modern, bem como em construtores de páginas como Gutenberg e Divi.
Mesmo que o campo esteja bloqueado, seu valor ainda é enviado com a entrada do formulário.
Observação: se você quiser gerenciar campos somente leitura de forma programática, o WPForms fornece uma API JavaScript com métodos para bloquear, desbloquear e alternar campos. Para obter detalhes, consulte nosso guia do desenvolvedor sobre o uso da API JavaScript para campos somente leitura.
É isso aí! Agora você sabe como definir campos como somente leitura no WPForms.
Em seguida, você gostaria de preencher seus campos automaticamente? Confira nosso tutorial sobre como adicionar valores padrão aos campos de formulário.