Campo de entrada de texto
Recolle texto con precisión e flexibilidade. Desde nomes sinxelos ata patróns complexos con validación integrada, formato intelixente e unha potente personalización: o campo de entrada de texto adáptase a calquera caso de uso con límites de caracteres, formato automático e modos de contrasinal seguro.
A base de cada formulario de WordPress
Perfecto para:
Funcións potentes para cada caso de uso
📏 Control intelixente de lonxitude
Límites mínimos e máximos de caracteres
Define as entradas de texto máis curtas e máis longas permitidas. Evita envíos demasiado curtos ou demasiado longos coa validación integrada do navegador.
Validación en tempo real
Os usuarios reciben comentarios instantáneos se a súa entrada non cumpre os requisitos de lonxitude; non hai sorpresas despois do envío.
Exemplos:
- Nome de usuario: 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
- Comentario: Máximo 500 caracteres
Por que importa:
Controlar a calidade dos datos, evitar o correo lixo, garantir a compatibilidade da base de datos e orientar os usuarios para que proporcionen a cantidade correcta de información.
✅ Patróns de validación integrados
6 tipos de validación preconfigurados:
- 1. Ningún: acepta calquera texto (predeterminado)
2. Correo electrónico: valida o formato correcto do correo electrónico ([protexido por correo electrónico])
3. URL: require enderezos web válidos (https://example.com)
4. Só letras: só caracteres alfabéticos e espazos (John Doe)
5. Só números: só díxitos numéricos (123456)
6. Alfanumérico: letras e números, sen caracteres especiais (Usuario123)
Ademais de patróns personalizados:
- Define a túa propia validación de expresións regulares para formatos especializados como:
- Matrículas: `^[AZ]{3}[0-9]{4}$`
- Códigos de produto: `^[AZ]{2}[0-9]{6}$`
- Formatos personalizados exclusivos para o teu negocio
Comentarios instantáneos:
Os usuarios ven mensaxes de erro claras se a súa entrada non coincide co formato requirido.
✂️ Recorte automático de espazos en branco
Limpar datos automaticamente
Elimina os espazos accidentais do principio e do final das entradas de texto. Xa non terás que usar "Xoán" cando queres "Xoán".
Casos de uso:
- Enderezos de correo electrónico (sen espazos ao final)
- Nomes de usuario (sen espazos ao principio)
- Códigos de referencia (coincidencias exactas)
- Calquera campo onde a precisión sexa importante
Beneficios:
Reduce os erros do usuario, mellora a coherencia dos datos, evita problemas de validación e simplifica a coincidencia e a busca.
🔒 Modo de contrasinal
Máscara de entrada segura
Transforma calquera campo de texto nun campo de contrasinal. Os caracteres aparecen como puntos (•••) para protexer a información confidencial dos usuarios que se atreven a usar o contrasinal.
Perfecto para:
- Entradas de contrasinal e PIN
- Códigos de seguridade e tokens
- Números de identificación confidenciais
- Códigos de autenticación de dous factores
Comportamento intelixente:
O modo de contrasinal desactiva automaticamente as funcións conflitivas, como a transformación de texto e os tipos de entrada especiais, para garantir a seguridade.
📱 Tipos de entrada intelixentes
Optimizado para móbiles e escritorio:
- Texto normal: entrada de texto estándar para uso xeral
- Busca: inclúe un botón de limpeza integrado (X) para un reinicio rápido
- Teléfono: activa o teclado numérico nos dispositivos móbiles para facilitar a introdución do número de teléfono
- URL: Mostra un teclado móbil especializado con atallos de .com e .org
Por que importa:
O tipo de entrada correcto acelera a entrada de datos en móbiles, reduce os erros e mellora a experiencia do usuario en todos os dispositivos.
🎨 Transformación automática de texto
Formatar texto como escriben os usuarios:
- Sen transformación: o texto permanece exactamente como se introduciu
- MAIÚSCULAS – Converte todo o texto a maiúsculas (JOHN DOE)
- minúsculas – Converte todo o texto a minúsculas (john doe)
- Maiúscula inicial: só a primeira letra en maiúscula (John Doe)
- Maiúscula e minúscula: primeira letra de cada palabra (John Doe)
Perfecto para:
- MAIÚSCULAS: Matrículas, códigos estatais, identificacións de produtos
- minúsculas: enderezos de correo electrónico, nomes de usuario
- Maiúsculas: comezos de frases, nomes individuais
- Maiúsculas e minúsculas do título: nomes completos, enderezos, títulos
Comportamento intelixente:
A transformación ocorre automaticamente durante o envío mentres os usuarios ven a súa entrada orixinal.
🙈 Modo de campo oculto
Campos de datos invisibles
Crea campos que non sexan visibles para os usuarios, pero que envíen datos co formulario. Perfecto para o seguimento, os códigos de referencia e os valores do sistema.
Casos de uso:
- Parámetros de seguimento UTM
- IDs de fontes de referencia
- Números de versión do formulario
- Marcadores de marca de tempo
- Metadatos ocultos
Como funciona:
Define o "Valor oculto" e incluirase automaticamente en cada envío de formulario sen sobrecargar a interface de usuario do formulario.
🔀 Lóxica condicional
Visibilidade dinámica de campo
Mostra ou oculta campos de texto segundo outros valores de formulario. Crea formularios intelixentes que se adapten á entrada do usuario.
Regras de lóxica avanzada:
- Lóxica E: deben cumprirse todas as condicións
- OU Lóxica: calquera condición pode desencadear a acción
- 8 operadores: Igual a, Non igual a, Maior que, Menor que, Contén, Está baleiro e máis
Casos de uso:
- Mostrar "Nome da empresa" só cando o tipo de usuario sexa igual a "Empresa"
- Mostrar "Fonte de referencia" cando "Como soubo de nós?" conteña "Referencia"
- Ocultar "Outros detalles" cando a opción principal non estea baleira
- Mostrar o "código promocional" cando o valor do pedido sexa superior a 100 $
🎯 Experiencia de usuario mellorada
Funcións intelixentes integradas:
- Valores predeterminados: preencha os campos para acelerar a finalización
- Texto de marcador de posición: mostra consellos útiles antes de que os usuarios escriban
- Texto de axuda: engade descricións para aclarar o que debes introducir
- Validación obrigatoria: fai que os campos sexan obrigatorios con indicadores claros
- Clases CSS personalizadas: aplica estilos personalizados para que coincidan coa túa marca
- Compatibilidade coa accesibilidade: etiquetas ARIA para lectores de pantalla
- Optimizado para móbiles: entradas táctiles con teclados axeitados
Configuración sinxela en 3 pasos
Ten listo o teu campo de entrada de texto en minutos
Engadir o campo de texto
Arrastra e solta o campo de entrada de texto da sección Campos básicos no formulario.
Establecer validación e límites
Escolle o tipo de validación (correo electrónico, URL, letras, etc.), define límites mínimos/máximos de caracteres e, opcionalmente, activa o modo de contrasinal ou o recorte de espazos en branco.
Configurar o formatado
Selecciona o tipo de entrada para a optimización móbil, escolle a transformación de texto (maíusculas, minúsculas, etc.) e define valores predeterminados ou marcadores de posición.
🎉 Iso é todo! O teu campo de texto está listo con validación e formato intelixentes.
Aplicacións do mundo real
Rexistro de usuario
* Campos de nome de usuario con límites de lonxitude
* Entradas de contrasinal con enmascaramento
* Campos de nome con formato de maiúsculas e minúsculas
* Enderezos de correo electrónico con validación
Formularios de contacto
* Nome completo con maiúsculas en maiúsculas
* Validación do correo electrónico
* Números de teléfono con entrada de teléfono
* Campos de mensaxe/comentario
E-Commerce
* Introdución do código promocional (en maiúsculas)
* Campos de mensaxes de agasallo
* Instrucións especiais
* Notas de envío
Aplicacións comerciais
* Números de identificación dos empregados
* Nomes dos departamentos
* Números de referencia
* Códigos internos
Solicitudes e rexistro
* Números de licenza
* Códigos de certificación
* Identificadores de membro
* Identificadores personalizados
Busca e filtrado
* Introdución de busca co botón borrar
* Filtrar campos de texto
* Entradas de palabras clave
* Entradas de consulta
Opcións de campo completas
Configuración básica
- Etiqueta do campo: o título que se mostra enriba do campo de texto
- Descrición/Texto de axuda: guía adicional para os usuarios
- Campo obrigatorio: facer que a entrada de texto sexa obrigatoria
- Texto de marcador de posición: texto de pista antes de que os usuarios escriban
Validación de lonxitude
- Lonxitude mínima: número mínimo de caracteres permitidos (validación)
- Lonxitude máxima: máximo de caracteres permitidos (límite fixo)
Valores predeterminados
- Valor predeterminado: texto preenchido ao cargar o formulario
- Valor oculto: valor para os campos ocultos (cando o modo oculto está activado)
Seguridade e privacidade
- Campo de contrasinal: enmascara a entrada como contrasinal (mostra puntos •••)
Campo oculto: facer o campo invisible pero incluílo nos envíos
Calidade dos datos
Recortar espazos en branco: elimina automaticamente os espazos adicionais do principio e do final
Regras de validación
- Tipo de validación
- Ningún (calquera texto)
- Correo electrónico ([protexido por correo electrónico])
- URL (https://example.com)
- Só letras (só de AZ)
- Só números (só do 0 ao 9)
- Alfanumérico (AZ e 0-9)
- Patrón personalizado (expresión regular)
- Patrón personalizado: expresión regular para a validación personalizada (cando se selecciona "Personalizado")
Tipos de entrada
- Tipo de entrada
- Texto normal
- Buscar (co botón borrar)
- Teléfono (teclado numérico no móbil)
- URL (teclado móbil especializado)
Formato de texto
- Transformación de texto
- Sen transformación
- UPPERCASE
- minúsculas
- Maiúscula inicial
- Caso de título
Lóxica condicional
- Activar a lóxica condicional: mostrar/ocultar segundo as condicións
- Tipo lóxico
- Débense cumprir todas as condicións (E)
- Calquera condición pódese cumprir (OU)
- Regras de condición
- Mostrar/Ocultar: acción a realizar
- Campo: que campo comprobar
- Operador – Igual a, Non é igual a, Contén, Maior que, Menor que, Está baleiro, Non está baleiro
- Valor – Valor de comparación
- Condicións múltiples: engade regras ilimitadas
Opcións avanzadas
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidade: etiquetas e descricións de ARIA
Por que elixir o noso campo de entrada de texto?
✅ Versátil: funciona para nomes, códigos, contrasinais e todo o demais
✅ Validación intelixente: máis de 6 patróns de validación e expresións regulares personalizadas
✅ Optimizado para móbiles: teclados axeitados para cada tipo de entrada
✅ Formato automático: a transformación de texto realízase automaticamente
✅ Seguro: o modo de contrasinal protexe a información confidencial
✅ Limpar datos: o recorte de espazos en branco evita erros comúns
✅ Flexible: campos ocultos, valores predeterminados, lóxica condicional
✅ Fácil de usar: mensaxes de validación claras guían aos usuarios
✅ Totalmente integrado: funciona perfectamente con todas as funcións do formulario
Preguntas máis frecuentes
P: Cal é a diferenza entre a lonxitude mínima/máxima e a validación?
A lonxitude mínima/máxima controla cantos caracteres se permiten. A validación controla que caracteres se permiten, como só letras, só números ou o formato do correo electrónico.
P: Podo validar tanto a lonxitude COMO o formato?
Si. Combina a lonxitude mínima/máxima coas regras de validación. Por exemplo, define un mínimo de 3, un máximo de 15 e unha validación alfanumérica para un campo de nome de usuario.
P: Como funciona o modo de contrasinal?
O modo de contrasinal oculta os caracteres con puntos, igual que os campos de contrasinal habituais nas pantallas de inicio de sesión.
P: Que fai «recortar espazos en branco»?
Elimina os espazos iniciais e finais antes do envío para que os espazos accidentais non rompan a validación.
P: Podo crear patróns de validación personalizados?
Si. Usa o "Patrón personalizado" e engade unha expresión regular para aplicar calquera estrutura que precises.
P: Como funcionan as transformacións de texto?
O usuario escribe normalmente e o sistema transforma o texto ao envialo, como convertelo a maiúsculas ou MAIÚSCULAS.
P: Para que serve o tipo de entrada de busca?
Engade un botón de borrar (X) integrado para que os usuarios poidan restablecer o campo instantaneamente mentres buscan.
P: Por que usar o tipo de entrada «tel»?
No móbil, abre un teclado numérico para facilitar a introdución de díxitos de estilo telefónico.
P: Podo usar a lóxica condicional con campos de texto?
Si. Condicións como "Contén", "Igual a" ou "Está baleiro" permítenche mostrar ou ocultar campos segundo a entrada do usuario.
P: Para que se usan os campos ocultos?
Almacenan datos sen seren visibles para o usuario, útiles para rastrexar metadatos como etiquetas UTM ou fontes de referencia.
P: Pódense usar campos de texto para números?
Si, pero usa o campo Número para o cálculo ou a validación numérica. Usa Texto con "Só números" cando necesites códigos ou ID que non se deban tratar como números.
P: Que precisión poden ter os patróns de expresión regular?
As expresións regulares poden aplicar patróns extremadamente específicos. Emprega un comprobador de expresións regulares se necesitas crear ou verificar patróns complexos.
