Campo de entrada de texto
Colete texto com precisão e flexibilidade. De nomes simples a padrões complexos, com validação integrada, formatação inteligente e personalização avançada, o campo de entrada de texto se adapta a qualquer caso de uso com limites de caracteres, formatação automática e modos de senha segura.
A base de todos os formulários do WordPress
Perfeito para:
Funcionalidades poderosas para cada caso de uso
📏 Controle Inteligente de Comprimento
Limites mínimo e máximo de caracteres
Defina os limites mínimo e máximo de texto permitidos. Evite envios muito curtos ou muito longos com a validação integrada do navegador.
Validação em tempo real
Os usuários recebem feedback instantâneo se a sua inscrição não atender aos requisitos de tamanho – sem surpresas após o envio.
Exemplos:
- Nome de usuário: mínimo 3, máximo 20 caracteres
- Código postal: mínimo 5, máximo 10 caracteres
- Nome: Mínimo 2, Máximo 50 caracteres
- Comentário: Máximo de 500 caracteres
Por que isso importa:
Controlar a qualidade dos dados, prevenir spam, garantir a compatibilidade do banco de dados e orientar os usuários a fornecer a quantidade adequada de informações.
✅ Padrões de validação integrados
6 tipos de validação pré-configurados:
- 1. Nenhum – Aceitar qualquer texto (padrão)
2. E-mail – Valida o formato correto do e-mail ([email protected])
3. URL – Requer endereços web válidos (https://example.com)
4. Somente letras – Apenas caracteres alfabéticos e espaços (John Doe)
5. Somente números – Apenas dígitos numéricos (123456)
6. Alfanumérico – Letras e números, sem caracteres especiais (Usuário123)
Além de padrões personalizados:
- Defina sua própria validação de expressão regular para formatos especializados, como:
- Placas de veículos: `^[AZ]{3}[0-9]{4}$`
- Códigos de produto: `^[AZ]{2}[0-9]{6}$`
- Formatos personalizados exclusivos para o seu negócio
Feedback instantâneo:
Os usuários visualizam mensagens de erro claras caso a entrada de dados não corresponda ao formato exigido.
✂️ Recorte automático de espaços em branco
Limpar dados automaticamente
Remova espaços acidentais do início e do fim das entradas de texto. Chega de "John" quando você quer "John".
Casos de uso:
- Endereços de e-mail (sem espaços no final)
- Nomes de usuário (sem espaços no início)
- Códigos de referência (correspondências exatas)
- Qualquer área onde a precisão seja importante.
Benefícios:
Reduz erros do usuário, melhora a consistência dos dados, previne problemas de validação e simplifica a correspondência e a busca.
🔒 Modo Senha
Mascaramento de entrada seguro
Transforme qualquer campo de texto em um campo de senha. Os caracteres aparecem como pontos (•••) para proteger informações confidenciais de olhares indiscretos.
Perfeito para:
- Entradas de senha e PIN
- Códigos de segurança e tokens
- Números de identificação confidenciais
- Códigos de autenticação de dois fatores
Comportamento Inteligente:
O modo de senha desativa automaticamente recursos conflitantes, como transformação de texto e tipos de entrada especiais, para garantir a segurança.
📱 Tipos de entrada inteligentes
Otimizado para dispositivos móveis e computadores:
- Texto normal – Entrada de texto padrão para uso geral
- Pesquisar – Inclui botão de limpar (X) integrado para reinicialização rápida.
- Telefone – Aciona o teclado numérico em dispositivos móveis para facilitar a digitação de números de telefone.
- URL – Exibe um teclado móvel especializado com atalhos para .com e .org.
Por que isso importa:
O tipo de entrada correto agiliza a entrada de dados em dispositivos móveis, reduz erros e melhora a experiência do usuário em todos os dispositivos.
🎨 Transformação automática de texto
Formatar texto conforme o usuário digita:
- Sem transformação – o texto permanece exatamente como foi digitado.
- MAIÚSCULAS – Converte todo o texto para maiúsculas (JOHN DOE)
- minúsculas – Converte todo o texto para minúsculas (john doe)
- Capitalizar apenas a primeira letra – Apenas a primeira letra em maiúscula (John doe)
- Título em caixa alta – Primeira letra de cada palavra (John Doe)
Perfeito para:
- LETRAS MAIÚSCULAS: Placas de veículos, códigos de estado, IDs de produtos
- minúsculas: Endereços de e-mail, nomes de usuário
- Maiúsculas: Início de frases, nomes próprios
- Nomes completos, endereços e títulos em maiúsculas.
Comportamento Inteligente:
A transformação ocorre automaticamente durante o envio, enquanto os usuários visualizam o texto original inserido.
🙈 Modo Campo Oculto
Campos de dados invisíveis
Crie campos que não sejam visíveis para os usuários, mas que permitam o envio de dados com o formulário. Ideal para rastreamento, códigos de referência e valores do sistema.
Casos de uso:
- Parâmetros de rastreamento UTM
- IDs de origem de referência
- Números de versão do formulário
- Marcadores de tempo
- Metadados ocultos
Como Funciona:
Defina o "Valor Oculto" e ele será incluído automaticamente em cada envio de formulário, sem sobrecarregar a interface do usuário do seu formulário.
🔀 Lógica Condicional
Visibilidade dinâmica do campo
Mostre ou oculte campos de texto com base em outros valores do formulário. Crie formulários inteligentes que se adaptam à entrada do usuário.
Regras de lógica avançada:
- Lógica AND – Todas as condições devem ser atendidas.
- Lógica OU – Qualquer condição pode desencadear a ação.
- 8 operadores – Igual a, Diferente de, Maior que, Menor que, Contém, Está vazio e mais
Casos de uso:
- Exibir o “Nome da empresa” somente quando o tipo de usuário for igual a “Empresa”.
- Exibir a “Fonte de indicação” quando “Como você ficou sabendo de nós?” contiver “Indicação”.
- Ocultar “Outros detalhes” quando a opção principal não estiver vazia.
- Exibir o “Código promocional” quando o valor do pedido for superior a US$ 100.
🎯 Experiência do usuário aprimorada
Funcionalidades inteligentes integradas:
- Valores padrão – Preencha os campos previamente para agilizar o preenchimento.
- Texto de exemplo – Exiba dicas úteis antes que os usuários digitem.
- Texto de ajuda – Adicione descrições para esclarecer o que inserir.
- Validação obrigatória – Torne os campos obrigatórios com indicadores claros.
- Classes CSS personalizadas – Aplique estilos personalizados para combinar com a sua marca.
- Suporte de acessibilidade – Rótulos ARIA para leitores de tela
- Otimizado para dispositivos móveis – Entradas suaves ao toque com teclados apropriados.
Configuração simples em 3 etapas
Prepare seu campo de entrada de texto em minutos
Adicione o campo de texto
Arraste e solte o campo de entrada de texto da seção Campos Básicos no seu formulário.
Definir Validação e Limites
Escolha o tipo de validação (e-mail, URL, cartas, etc.), defina os limites mínimo e máximo de caracteres e, opcionalmente, ative o modo de senha ou a remoção de espaços em branco.
Configurar formatação
Selecione o tipo de entrada para otimização em dispositivos móveis, escolha a transformação do texto (maiúsculas, minúsculas, etc.) e defina valores padrão ou marcadores de posição.
🎉 Pronto! Seu campo de texto está configurado com validação e formatação inteligentes.
Aplicações do mundo real
Registro do usuário
* Campos de nome de usuário com limites de comprimento
* Entradas de senha com mascaramento
* Campos de nome com formatação de título em maiúsculas
* Endereços de e-mail com validação
Formulários de contacto
* Nome completo com inicial maiúscula
* Validação de e-mail
* Números de telefone com entrada tel
* Campos de mensagem/comentário
E-Commerce
* Insira o código promocional (em letras maiúsculas)
* Campos para mensagem de presente
* Instruções especiais
* Observações sobre o envio
Aplicações de Negócio
* Números de identificação de funcionários
* Nomes dos departamentos
* Números de referência
* Códigos internos
Candidaturas e Inscrições
* Números de licença
* Códigos de certificação
* IDs de membro
* Identificadores personalizados
Pesquisa e filtragem
* Campo de pesquisa com botão de limpar
* Filtrar campos de texto
* Entradas de palavras-chave
* Entradas de consulta
Preencha as opções de campo
Configuração básica
- Rótulo do campo – O título exibido acima do campo de texto
- Descrição/Texto de Ajuda – Orientações adicionais para usuários
- Campo obrigatório – Tornar a entrada de texto obrigatória
- Texto de exemplo – Texto de dica antes que os usuários digitem
Validação de comprimento
- Comprimento mínimo – Número mínimo de caracteres permitido (validação)
- Comprimento máximo – Número máximo de caracteres permitido (limite rígido)
Valores padrão
- Valor padrão – Texto preenchido automaticamente ao carregar o formulário.
- Valor oculto – Valor para campos ocultos (quando o modo oculto está ativado)
Segurança e Privacidade
- Campo de senha – Mascarar a entrada como senha (exibe pontos •••)
Campo oculto – Tornar o campo invisível, mas incluí-lo nos envios.
Qualidade de dados
Remover espaços em branco – Remove automaticamente espaços extras do início e do fim do código.
Regras de Validação
- Tipo de validação
- Nenhum (qualquer texto)
- Email ([email protected])
- URL (https://example.com)
- Somente cartas (apenas no Arizona)
- Somente números (apenas de 0 a 9)
- Alfanumérico (AZ e 0-9)
- Padrão personalizado (regex)
- Padrão personalizado – Expressão regular para validação personalizada (quando “Personalizado” é selecionado)
Tipos de entrada
- Tipo de entrada
- Texto Normal
- Pesquisar (com botão de limpar)
- Telefone (teclado numérico no celular)
- URL (teclado móvel especializado)
Formatação de texto
- Transformação de Texto
- Nenhuma transformação
- MAYÚSCULAS
- minúsculas
- Primeira letra maiúscula
- Caixa do título
Lógica Condicional
- Ativar lógica condicional – Mostrar/ocultar com base em condições
- Tipo de lógica
- Todas as condições devem ser atendidas (E)
- Qualquer condição pode ser satisfeita (OU)
- Regras de Condição
- Mostrar/Ocultar – Ação a ser tomada
- Campo – Qual campo verificar
- Operador – Igual a, Diferente de, Contém, Maior que, Menor que, Vazio, Não vazio
- Valor – Valor de comparação
- Múltiplas Condições – Adicione regras ilimitadas
Opções avançadas
- Classes CSS personalizadas – Aplique estilos personalizados
- Atributos de acessibilidade – Rótulos e descrições ARIA
Por que escolher nosso campo de entrada de texto?
✅ Versátil – Funciona para nomes, códigos, senhas e tudo mais.
✅ Validação Inteligente – Mais de 6 padrões de validação, além de expressões regulares personalizadas
✅ Otimizado para dispositivos móveis – Teclados adequados para cada tipo de entrada
✅ Formatação automática – A transformação do texto acontece automaticamente
✅ Seguro – O modo de senha protege informações confidenciais.
✅ Dados limpos – A remoção de espaços em branco evita erros comuns
✅ Flexível – Campos ocultos, valores padrão, lógica condicional
✅ Fácil de usar – Mensagens de validação claras guiam os usuários
✅ Totalmente integrado – Funciona perfeitamente com todos os recursos de formulário.
Perguntas frequentes
P: Qual a diferença entre comprimento mínimo/máximo e validação?
O comprimento mínimo/máximo controla quantos caracteres são permitidos. A validação controla quais caracteres são permitidos, como apenas letras, apenas números ou formato de e-mail.
P: Posso validar tanto o comprimento quanto o formato?
Sim. Combine o comprimento mínimo/máximo com regras de validação. Por exemplo, defina um mínimo de 3 caracteres, um máximo de 15 e validação alfanumérica para um campo de nome de usuário.
P: Como funciona o modo de senha?
O modo de senha oculta os caracteres com pontos, assim como os campos de senha típicos em telas de login.
P: O que faz a função “remover espaços em branco”?
Remove espaços em branco no início e no final antes do envio, para que espaços acidentais não comprometam a validação.
P: Posso criar padrões de validação personalizados?
Sim. Use "Padrão Personalizado" e adicione uma expressão regular para impor qualquer estrutura que você precise.
P: Como funcionam as transformações de texto?
O usuário digita normalmente e o sistema transforma o texto no momento do envio, convertendo-o, por exemplo, para o formato de título ou para MAIÚSCULAS.
P: Para que serve o tipo de entrada de pesquisa?
Adiciona um botão de limpar (X) integrado para que os usuários possam redefinir o campo instantaneamente durante a pesquisa.
P: Por que usar o tipo de entrada “tel”?
Em dispositivos móveis, ele abre um teclado numérico para facilitar a digitação de dígitos, como em um telefone.
P: Posso usar lógica condicional com campos de texto?
Sim. Condições como "Contém", "É igual a" ou "Está vazio" permitem mostrar ou ocultar campos com base na entrada do usuário.
P: Para que servem os campos ocultos?
Eles armazenam dados sem serem visíveis para o usuário, sendo úteis para rastrear metadados como tags UTM ou fontes de referência.
P: Os campos de texto podem ser usados para números?
Sim, mas use o campo Número para cálculos ou validação numérica. Use Texto com a opção “Somente números” quando precisar de códigos ou IDs que não devem ser tratados como números.
P: Qual o grau de precisão que os padrões de expressões regulares podem ter?
Expressões regulares podem impor padrões extremamente específicos. Use um testador de expressões regulares se precisar criar ou verificar padrões complexos.
