Campo de entrada de texto
Recopile texto con precisión y flexibilidad. Desde nombres sencillos hasta patrones complejos con validación integrada, formato inteligente y potente personalización, el campo de entrada de texto se adapta a cualquier caso de uso con límites de caracteres, formato automático y modos de contraseña segura.
La base de cada formulario de WordPress
Perfecto para:
Funciones potentes para cada caso de uso
Control de longitud inteligente
Límites mínimos y máximos de caracteres
Establezca las entradas de texto más cortas y más largas permitidas. Evite envíos demasiado cortos o demasiado largos con la validación integrada del navegador.
Validación en tiempo real
Los usuarios ven comentarios instantáneos si su entrada no cumple con los requisitos de longitud, sin sorpresas después del envío.
Ejemplos:
- Nombre de usuario: Mínimo 3, Máximo 20 caracteres
- Código postal: Mínimo 5, Máximo 10 caracteres
- Nombre: Mínimo 2, Máximo 50 caracteres
- Comentario: Máximo 500 caracteres
Por qué importa:
Controle la calidad de los datos, evite el spam, garantice la compatibilidad de la base de datos y oriente a los usuarios para proporcionar la cantidad correcta de información.
✅ Patrones de validación integrados
6 tipos de validación preconfigurados:
- 1. Ninguno: acepta cualquier texto (predeterminado)
2. Correo electrónico: valida el formato de correo electrónico correcto ([email protected])
3. URL: requiere direcciones web válidas (https://example.com)
4. Solo letras: solo caracteres alfabéticos y espacios (John Doe)
5. Solo números: solo dígitos numéricos (123456)
6. Alfanumérico: letras y números, sin caracteres especiales (Usuario123)
Más patrones personalizados:
- Define tu propia validación de expresiones regulares para formatos especializados como:
- Placas de matrícula: `^[AZ]{3}[0-9]{4}$`
- Códigos de producto: `^[AZ]{2}[0-9]{6}$`
- Formatos personalizados exclusivos para su negocio
Retroalimentacion instantanea:
Los usuarios ven mensajes de error claros si su entrada no coincide con el formato requerido.
✂️ Recorte automático de espacios en blanco
Limpiar datos automáticamente
Elimina los espacios accidentales al principio y al final de las entradas de texto. No más "John" cuando quieres "John".
Casos de uso:
- Direcciones de correo electrónico (sin espacios finales)
- Nombres de usuario (sin espacios iniciales)
- Códigos de referencia (coincidencias exactas)
- Cualquier campo donde la precisión importa
Beneficios:
Reduce los errores del usuario, mejora la consistencia de los datos, evita problemas de validación y simplifica la coincidencia y la búsqueda.
🔒 Modo contraseña
Enmascaramiento de entrada seguro
Transforma cualquier campo de texto en un campo de contraseña. Los caracteres aparecen como puntos (•••) para proteger la información confidencial de los espionajes.
Ideal para:
- Entradas de contraseña y PIN
- Códigos de seguridad y tokens
- Números de identificación confidenciales
- Códigos de autenticación de dos factores
Comportamiento inteligente:
El modo de contraseña desactiva automáticamente funciones conflictivas como la transformación de texto y tipos de entrada especiales para garantizar la seguridad.
📱 Tipos de entrada inteligentes
Optimizado para dispositivos móviles y computadoras de escritorio:
- Texto normal: entrada de texto estándar para uso general
- Buscar: incluye botón de borrado incorporado (X) para un reinicio rápido
- Teléfono: activa el teclado numérico en dispositivos móviles para facilitar la entrada de números de teléfono.
- URL: muestra un teclado móvil especializado con atajos .com y .org
Por qué importa:
El tipo de entrada correcto acelera la entrada de datos en dispositivos móviles, reduce errores y mejora la experiencia del usuario en todos los dispositivos.
🎨 Transformación automática de texto
Formatear texto como tipo de usuario:
- Sin transformación: el texto permanece exactamente como se ingresó
- MAYÚSCULAS – Convierte todo el texto a mayúsculas (JOHN DOE)
- minúsculas – Convierte todo el texto a minúsculas (John Doe)
- Poner en mayúscula la primera letra: solo la primera letra en mayúscula (Juan Pérez)
- Título en mayúsculas y minúsculas: primera letra de cada palabra (John Doe)
Ideal para:
- MAYÚSCULAS: Matrículas, códigos estatales, identificaciones de productos
- minúsculas: direcciones de correo electrónico, nombres de usuario
- Capitalizar: inicios de oraciones, nombres individuales
- Título en mayúsculas y minúsculas: nombres completos, direcciones, títulos
Comportamiento inteligente:
La transformación ocurre automáticamente durante el envío mientras los usuarios ven su entrada original.
🙈 Modo de campo oculto
Campos de datos invisibles
Crea campos ocultos para los usuarios, pero que envíen datos con el formulario. Ideal para seguimiento, códigos de referencia y valores del sistema.
Casos de uso:
- Parámetros de seguimiento UTM
- ID de fuentes de referencia
- Números de versión del formulario
- Marcadores de marca de tiempo
- metadatos ocultos
Cómo funciona:
Establezca el “Valor oculto” y se incluirá automáticamente en cada envío de formulario sin saturar la interfaz de usuario de su formulario.
🔀 Lógica condicional
Visibilidad de campo dinámica
Muestra u oculta campos de texto según otros valores del formulario. Crea formularios inteligentes que se adaptan a la entrada del usuario.
Reglas de lógica avanzada:
- Lógica AND: Se deben cumplir todas las condiciones
- Lógica OR: cualquier condición puede desencadenar la acción
- 8 operadores: igual a, no igual a, mayor que, menor que, contiene, está vacío y más
Casos de uso:
- Mostrar “Nombre de la empresa” solo cuando el tipo de usuario sea “Negocio”
- Mostrar “Fuente de referencia” cuando “¿Cómo se enteró de nosotros?” contiene “Referencia”
- Ocultar “Otros detalles” cuando la opción principal no esté vacía
- Mostrar "Código promocional" cuando el valor del pedido sea superior a $100
🎯 Experiencia de usuario mejorada
Funciones inteligentes integradas:
- Valores predeterminados: rellene previamente los campos para acelerar la finalización
- Texto de marcador de posición: muestra sugerencias útiles antes de que los usuarios escriban
- Texto de ayuda: agregue descripciones para aclarar qué ingresar
- Validación obligatoria: haga que los campos sean obligatorios con indicadores claros
- Clases CSS personalizadas: aplique un estilo personalizado que coincida con su marca
- Compatibilidad con accesibilidad: etiquetas ARIA para lectores de pantalla
- Optimizado para dispositivos móviles: entradas táctiles con teclados adecuados
Configuración sencilla en 3 pasos
Prepare su campo de entrada de texto en minutos
Agregar el campo de texto
Arrastre y suelte el campo de entrada de texto desde la sección Campos básicos en su formulario.
Establecer validación y límites
Elija el tipo de validación (correo electrónico, URL, cartas, etc.), establezca límites mínimos/máximos de caracteres y, opcionalmente, habilite el modo de contraseña o el recorte de espacios en blanco.
Configurar formato
Seleccione el tipo de entrada para la optimización móvil, elija la transformación del texto (mayúsculas, minúsculas, etc.) y establezca valores predeterminados o marcadores de posición.
🎉 ¡Listo! Tu campo de texto está listo con validación y formato inteligentes.
Aplicaciones en el mundo real
registro de usuario
* Campos de nombre de usuario con límites de longitud
* Entradas de contraseña con enmascaramiento
* Campos de nombre con formato de título en mayúsculas y minúsculas
* Direcciones de correo electrónico con validación
Formularios de Contacto
* Nombre completo con título en mayúsculas y minúsculas
* Validación de correo electrónico
* Números de teléfono con entrada de teléfono
* Campos de mensaje/comentario
Comercio electrónico
*Introducción del código promocional (en mayúsculas)
* Campos de mensaje de regalo
* Instrucciones especiales
* Notas de envío
Aplicaciones empresariales
* Números de identificación de empleados
* Nombres de departamentos
* Números de referencia
* Códigos internos
Solicitudes y registro
* Números de licencia
* Códigos de certificación
* Identificaciones de membresía
* Identificadores personalizados
Búsqueda y filtrado
* Entrada de búsqueda con botón de borrar
* Filtrar campos de texto
* Entradas de palabras clave
* Entradas de consulta
Opciones de campo completas
Configuración básica
- Etiqueta de campo: el título que se muestra sobre el campo de texto
- Descripción/Texto de ayuda: orientación adicional para los usuarios
- Campo obligatorio: hacer que la entrada de texto sea obligatoria
- Texto de marcador de posición: texto de sugerencia antes de que los usuarios escriban
Validación de longitud
- Longitud mínima: menor cantidad de caracteres permitidos (validación)
- Longitud máxima: la mayoría de los caracteres permitidos (límite estricto)
Valores predeterminados
- Valor predeterminado: texto precargado cuando se carga el formulario
- Valor oculto: valor para los campos ocultos (cuando el modo oculto está habilitado)
Seguridad y Privacidad
- Campo de contraseña: enmascara la entrada como contraseña (muestra puntos •••)
Campo oculto: hacer que el campo sea invisible pero incluirlo en los envíos
Calidad de los Datos
Recortar espacios en blanco: elimine espacios adicionales del principio y del final automáticamente
Reglas de validación
- Tipo de validación
- Ninguno (cualquier texto)
- Correo electrónico ([email protected])
- URL (https://ejemplo.com)
- Solo letras (solo AZ)
- Sólo números (sólo del 0 al 9)
- Alfanumérico (AZ y 0-9)
- Patrón personalizado (expresión regular)
- Patrón personalizado: expresión regular para validación personalizada (cuando se selecciona “Personalizado”)
Tipos de entrada
- Tipo de entrada
- Texto normal
- Buscar (con el botón borrar)
- Teléfono (teclado numérico en el móvil)
- URL (teclado móvil especializado)
Formato de texto
- Transformación de texto:
- Sin transformación
- MAYÚSCULAS
- minúsculas
- Poner en mayúscula la primera letra
- Titulo del caso
La lógica condicional
- Habilitar lógica condicional: mostrar u ocultar según condiciones
- Tipo de lógica
- Se deben cumplir todas las condiciones (Y)
- Cualquier condición se puede cumplir (O)
- Reglas de condición
- Mostrar/Ocultar – Acción a tomar
- Campo – ¿Qué campo comprobar?
- Operador – Igual, No igual, Contiene, Mayor que, Menor que, Está vacío, No está vacío
- Valor – Valor de comparación
- Condiciones múltiples: agregue reglas ilimitadas
Opciones Avanzadas
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidad: etiquetas y descripciones ARIA
¿Por qué elegir nuestro campo de entrada de texto?
✅ Versátil: funciona con nombres, códigos, contraseñas y todo lo demás.
✅ Validación inteligente: más de 6 patrones de validación y expresiones regulares personalizadas
✅ Optimizado para dispositivos móviles: teclados adecuados para cada tipo de entrada
✅ Formato automático: la transformación del texto se realiza automáticamente
✅ Seguro: el modo de contraseña protege la información confidencial
✅ Datos limpios: el recorte de espacios en blanco evita errores comunes
✅ Flexible: campos ocultos, valores predeterminados, lógica condicional
✅ Fácil de usar: mensajes de validación claros guían a los usuarios
✅ Totalmente integrado: funciona a la perfección con todas las funciones del formulario
Preguntas frecuentes
P: ¿Cuál es la diferencia entre la longitud mínima/máxima y la validación?
La longitud mínima/máxima controla la cantidad de caracteres permitidos. La validación controla qué caracteres están permitidos, como solo letras, solo números o el formato de correo electrónico.
P: ¿Puedo validar tanto la longitud como el formato?
Sí. Combine la longitud mínima y máxima con las reglas de validación. Por ejemplo, establezca un mínimo de 3 caracteres y un máximo de 15 caracteres, y utilice una validación alfanumérica para un campo de nombre de usuario.
P: ¿Cómo funciona el modo contraseña?
El modo de contraseña enmascara los caracteres con puntos, al igual que los campos de contraseña típicos en las pantallas de inicio de sesión.
P: ¿Qué hace “recortar espacios en blanco”?
Elimina los espacios iniciales y finales antes del envío para que los espacios accidentales no interrumpan la validación.
P: ¿Puedo crear patrones de validación personalizados?
Sí. Utilice “Patrón personalizado” y agregue una expresión regular para aplicar cualquier estructura que necesite.
P: ¿Cómo funcionan las transformaciones de texto?
El usuario escribe normalmente y el sistema transforma el texto al enviarlo, por ejemplo, convirtiéndolo a mayúsculas y minúsculas.
P: ¿Para qué sirve el tipo de entrada de búsqueda?
Agrega un botón de limpieza (X) incorporado para que los usuarios puedan restablecer el campo instantáneamente mientras buscan.
P: ¿Por qué utilizar el tipo de entrada “tel”?
En el móvil, abre un teclado numérico para facilitar la introducción de dígitos como en un teléfono.
P: ¿Puedo utilizar lógica condicional con campos de texto?
Sí. Condiciones como "Contiene", "Es igual a" o "Está vacío" le permiten mostrar u ocultar campos según la entrada del usuario.
P: ¿Para qué se utilizan los campos ocultos?
Almacenan datos sin ser visibles para el usuario, útiles para rastrear metadatos como etiquetas UTM o fuentes de referencia.
P: ¿Se pueden utilizar campos de texto para números?
Sí, pero use el campo Número para cálculos o validación numérica. Use Texto con "Solo números" cuando necesite códigos o ID que no deban considerarse números.
P: ¿Qué tan precisos pueden ser los patrones de expresiones regulares?
Las expresiones regulares pueden aplicar patrones extremadamente específicos. Utilice un comprobador de expresiones regulares si necesita crear o verificar patrones complejos.
