Campo telefónico
Recolle números de teléfono con precisión e pulido. Desde formatos internacionais ata formato automático con validación en directo, patróns personalizados e teclados optimizados para móbiles, o campo Teléfono garante unha recollida de números de teléfono precisa cunha entrada sinxela e un formato profesional.
Colección de teléfonos intelixentes con formatación automática
Perfecto para:
Funcións potentes para cada caso de uso
🌍 Múltiples formatos de teléfono
Catro opcións de formato:
Formato internacional: formato flexible que se adapta aos estándares telefónicos de calquera país. Acepta varios patróns internacionais como +1 (123) 456-7890 ou +44 1234 567890.
- Formato estadounidense: (123) 456-7890. Formato estándar norteamericano con parénteses e guións automáticos.
- Formato do Reino Unido: 01234 567890. Formato británico con espazo despois do prefixo.
- Formato personalizado: define o teu propio patrón usando 9 para díxitos e símbolos para separadores (por exemplo, +99 999-999-9999).
Por que é importante o formato:
- Garante a coherencia entre as presentacións
- Mellora a calidade e a lexibilidade dos datos
- Coincide coas expectativas dos usuarios por rexión
- Simplifica a validación do número de teléfono
Marcadores de posición intelixentes:
Aparece automaticamente texto de marcador de posición específico do formato para guiar os usuarios sobre o formato esperado.
⌨️ Formato mentres escribes
Formato automático en directo
Activa "Formato mentres escribes" e observa como se formatan os números de teléfono automaticamente mentres os usuarios introducen díxitos. As parénteses, os espazos e os guións aparecen en tempo real.
Como funciona:
- Tipos de usuario: 1234567890
- Espectáculos de campo: (123) 456-7890 (para o formato estadounidense)
- A presentación recibe un número formatado correctamente
Beneficios:
- Retroalimentación visual instantánea
- Os usuarios ven o formato correcto inmediatamente
- Reduce os erros de entrada
- Experiencia de usuario profesional
- Non se precisa formato despois do envío
Exemplos de formato:
- EUA: (123) 456-7890 formata mentres escribes
- RU: 01234 567890 formatos con espazo
- Personalizado: Segue o teu patrón definido
📱 Entrada optimizada para móbiles
- Teclado numérico no móbil
- Os campos de teléfono activan automaticamente o teclado numérico nos dispositivos móbiles. Os usuarios obteñen un teclado optimizado para teléfono en lugar da disposición QWERTY completa.
- Por que isto importa:
- Introdución máis rápida do número de teléfono no móbil
- Reduce os erros de escritura
- Mellor experiencia de usuario móbil
- Coincide coas aplicacións nativas do teléfono
- Teclas numéricas máis grandes para precisión táctil
Compatibilidade entre dispositivos:
Funciona perfectamente en iOS, Android e todos os navegadores móbiles con soporte nativo para teclado numérico.
🎯 Patróns de formato personalizados
Define o teu propio formato
Necesitas un formato que non está incluído? Crea patróns personalizados usando notación simple:
Sintaxe do patrón:
- Usa `9` para calquera díxito
- Usar símbolos como separadores (parénteses, guións, espazos, puntos)
- Exemplo: `(999) 999-9999` convértese en `(123) 456-7890`
Patróns personalizados comúns:
- Australia: `99 9999 9999` → `02 1234 5678`
- Alemaña: `+49 999 999 9999` → `+49 123 456 7890`
- Xapón: `999-9999-9999` → `123-4567-8901`
- Calquera país: define o teu formato exacto
Vista previa en directo:
Consulta o aspecto que terá o teu formato personalizado con exemplos de números de teléfono antes de que os usuarios o vexan.
📏 Validación de lonxitude
Control de lonxitude mínima e máxima
Define o menor número e o maior número de díxitos permitidos. Asegúrate de que os números de teléfono cumpran cos teus requisitos coa validación integrada do navegador.
Conteo intelixente de díxitos:
A validación de lonxitude só conta os díxitos, ignorando caracteres de formato como parénteses, espazos e guións.
Exemplos:
- Móbil dos EUA: Mín. 10, Máx. 10 (exactamente 10 díxitos)
- Internacional: Mín. 7, Máx. 15 (abarca a maioría dos países)
- Números locais: Mín. 7, Máx. 7 (local de 7 díxitos)
- Flexible: Mínimo 10, Máximo 15 (varios formatos)
Validación en tempo real:
Aparece unha resposta visual se o número de teléfono é demasiado curto ou demasiado longo, o que evita envíos non válidos.
✅ Números de teléfono predeterminados
Preencher os campos de teléfono
Define un número de teléfono predeterminado que aparecerá cando se carga o formulario. Útil para liñas de asistencia, números da sede ou contactos habituais.
Casos de uso:
- Liña directa de asistencia para solicitudes de devolución de chamada con antelación
- Mostrar o número da sede como exemplo
- Definir o prefixo predefinido para formularios específicos da rexión
- Preencher o teléfono do usuario coñecido da base de datos
Predefinidos editables:
Os usuarios poden editar ou substituír facilmente o valor predeterminado: é un punto de partida, non está bloqueado.
🙈 Modo de campo oculto
Almacenamento invisible para teléfonos
Crea campos de teléfono ocultos que non sexan visibles para os usuarios, pero que envíen datos co formulario. Perfecto para o seguimento, os números do sistema ou os valores do backend.
Casos de uso:
- Gardar os números de devolución de chamada do sistema
- Identificadores de liña de soporte de pista
- Incluír extensións de departamento
- Metadatos de contacto ocultos
Como funciona:
Define o "Valor oculto" e incluirase automaticamente en cada envío de formulario sen aparecer na interface de usuario do formulario.
🔀 Lóxica condicional
Visibilidade dinámica do campo do teléfono
Mostra ou oculta campos de teléfono segundo outros valores de formulario. Crea formularios intelixentes que se adapten ás seleccións 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 "Número de móbil" só cando a preferencia de contacto sexa igual a "Teléfono"
- Mostrar "Teléfono alternativo" cando o tipo de usuario sexa "Empresa"
- Ocultar a "Extensión da oficina" cando non se selecciona a localización da oficina
- Mostrar "Contacto de emerxencia" cando o tipo de participante sexa igual a "Menor"
🎯 Experiencia de usuario mellorada
Funcións intelixentes integradas:
- Tipo de entrada Tel: activa o teclado numérico en dispositivos móbiles
- Compatibilidade coa función de autocompletar: os navegadores poden suxerir números de teléfono gardados
- Formato en tempo real: ver como aparece o formato mentres escribe (opcional)
- Validación de formato: garante que os números coincidan co patrón esperado
- Validación obrigatoria: fai que a entrada telefónica sexa obrigatoria con mensaxes de erro claras
- Exemplos de marcadores de posición: mostran suxestións de formato antes de que os usuarios escriban
- Axuda de texto: engadir descricións para aclarar o tipo de teléfono necesario
- Clases CSS personalizadas: aplica estilos personalizados para que coincidan coa túa marca
- Compatibilidade con accesibilidade: compatible con etiquetas ARIA e lectores de pantalla
Configuración sinxela en 3 pasos
Ten listo o teu Phone Field en minutos
Engadir o campo Teléfono
Arrastra e solta o campo Teléfono da sección Campos básicos no formulario.
Escolla o formato
Selecciona o formato do teléfono (Internacional, EUA, Reino Unido ou Personalizado). Para personalizalo, define o teu patrón usando 9 para os díxitos.
Opcións de configuración
Activa "Formato mentres escribes" para o formato en directo, define a validación de lonxitude mínima/máxima e, opcionalmente, engade un número de teléfono predeterminado.
🎉 Iso é todo! O teu campo de teléfono está listo con formato e validación intelixentes.
Aplicacións do mundo real
Formularios de contacto
* Número de contacto principal
* Números de teléfono alternativos
* Números de oficina e móbil
* Campos de contacto de emerxencia
Sistemas de reservas
* Números de confirmación de citas
* Datos de contacto da reserva
* Números de solicitude de devolución de chamada
* Números de notificación por SMS
E-Commerce
* Números de contacto para pedidos
* Números de teléfono de entrega
* Chamadas de atención ao cliente
* Notificacións do estado da orde
Aplicacións comerciais
* Números de teléfono para a captura de clientes potenciais
* Contactos para consultas de vendas
* Solicitudes de colaboración
* Datos de contacto do provedor
Saúde e servizos
* Números de contacto do paciente
* Datos de contacto de emerxencia
* Recordatorios de citas
* Solicitudes de devolución de chamada ao servizo
Educación e rexistro
* Información de contacto do estudante
* Números de pai/titor/a
* Contactos de emerxencia
* Devolución de chamadas para consultas sobre cursos
Opcións de campo completas
Configuración básica
- Etiqueta do campo: o título que se mostra enriba do campo de teléfono
- Descrición/Texto de axuda: guía adicional para os usuarios
- Campo obrigatorio: facer que a entrada por teléfono sexa obrigatoria
- Texto de marcador de posición: texto de pista personalizado (xerado automaticamente a partir do formato se está baleiro)
Formato de teléfono
- Como deberían ser os números de teléfono?
- Formato internacional (varía segundo o país)
- Formato dos EUA: (123) 456-7890
- Formato do Reino Unido: 01234 567890
- Formato personalizado (define o teu propio)
Patrón de formato personalizado
- O teu formato personalizado: define o patrón usando 9 para os díxitos (móstrase cando se selecciona Personalizado)
- Exemplo: `(999) 999-9999` crea `(123) 456-7890`
- Usar símbolos como separadores: parénteses, raias, espazos, puntos
Opcións de formato
Formato mentres escribes: engade automaticamente parénteses, espazos e guións ao escribir
Valores predeterminados
Valor predeterminado: número de teléfono preenchido cando se carga o formulario
Validación de lonxitude
- Lonxitude mínima: número mínimo de díxitos requiridos (0-20)
- Lonxitude máxima: número máximo de díxitos permitidos (0-20)
Vista previa do formato
Formato de exemplo: vista previa en directo que mostra como aparecerán os números de teléfono co formato seleccionado
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
- Modo de campo oculto: fai que o campo sexa invisible pero inclúe o valor nos envíos
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidade: etiquetas e descricións de ARIA
- Completar automaticamente: activar as suxestións de números de teléfono do navegador
Por que elixir o noso campo telefónico?
✅ Formatos flexibles – Patróns internacionais, estadounidenses, británicos ou personalizados
✅ Formato automático – Formato en directo mentres os usuarios escriben
✅ Optimizado para móbiles - Teclado numérico en dispositivos móbiles
✅ Validación intelixente – Lonxitude mín./máx. con contaxe de díxitos
✅ Patróns personalizados – Definir calquera formato para calquera país
✅ Amigable – Exemplos de formato e marcadores de posición útiles
✅ Datos limpos – Formato coherente en todas as presentacións
✅ Profesional – A aparencia pulida cumpre as expectativas
✅ Totalmente integrado – Funciona perfectamente con todas as funcionalidades do formulario
Preguntas máis frecuentes
P: Cal é a diferenza entre os formatos de teléfono?
Internacional acepta varios formatos con códigos de país. Os formatos dos Estados Unidos son (123) 456-7890. Os formatos do Reino Unido son 01234 567890. O formato personalizado permíteche crear o teu propio patrón usando 9 como díxitos.
P: Como funciona «Formato mentres escribes»?
A medida que os usuarios escriben díxitos, o campo insire automaticamente símbolos de formato. Ao escribir 1234567890, convértese instantaneamente en (123) 456-7890.
P: Podo obter números de teléfono internacionais?
Si. Escolle o formato internacional para permitir números con prefixos de país como +1, +44, +91 e outros.
P: Que fai o patrón de formato personalizado?
Define a estrutura exacta do número de teléfono. Usa o 9 para os díxitos obrigatorios e engade símbolos como espazos ou guións.
P: Como funciona a validación de lonxitude?
A lonxitude mínima e máxima só contan díxitos, sen formato. Se defines Mín 10 e Máx 10, os usuarios deben introducir exactamente 10 díxitos.
P: Por que usar o campo de teléfono en lugar dunha entrada de texto?
Activa teclados numéricos móbiles, admite o formatado automático, valida a estrutura e permite a autocompleción do navegador para os números almacenados.
P: Os usuarios poden editar números de teléfono formatados automaticamente?
Si. Os usuarios poden engadir ou eliminar díxitos libremente e o formato axústase automaticamente.
P: Que ocorre se o formato está desactivado?
Os usuarios escriben díxitos simples sen formato automático, pero os marcadores de posición e a validación de lonxitude seguen guiando a entrada correcta.
P: Podo validar patróns telefónicos específicos?
Si. Combina formatos personalizados con límites mínimos/máximos de díxitos para que coincidan con calquera estándar rexional.
P: Funciona con ligazóns de WhatsApp ou SMS?
Si. Os números enviados pódense usar para xerar ligazóns de WhatsApp ou SMS nas que se poida facer clic nas notificacións.
P: Podo mostrar diferentes formatos de teléfono para diferentes países?
Si. Usa a lóxica condicional para mostrar os formatos segundo o país seleccionado.
P: Que pasa se o formato do meu país non aparece na lista?
Crea o teu propio usando o formato personalizado. Usa o 9 como marcadores de posición de díxitos e obtén unha vista previa do aspecto final en tempo real.
