Campo de caixa de verificación
Recolle acordos e seleccións múltiples con facilidade. Desde sinxelas caixas de verificación de si/non ata listas de selección múltiple con "Seleccionar todo", controis mínimos/máximos e deseños intelixentes, o campo Caixa de verificación xestiona acordos únicos e preguntas de opción múltiple cunha potente validación e opcións fáciles de usar.
Dous modos para cada necesidade de caixa de verificación
Perfecto para:
Funcións potentes para cada caso de uso
Dous modos de caixa de verificación
Modo de caixa de verificación única:
Unha caixa de verificación para preguntas de si/non, acordos ou opcións de subscrición. Perfecto para a aceptación de termos, subscricións a boletíns e formularios de consentimento.
Casos de uso:
- "Acepto os termos e condicións"
- "Subscríbeme ao boletín informativo"
- "Si, quero recibir actualizacións"
- "Confirmo que esta información é correcta"
Características:
- Texto da etiqueta da caixa de verificación personalizada
- Estado predeterminado marcado/non marcado
- Valor enviado por encargo (si, 1, verdadeiro, etc.)
- Opción de validación obrigatoria
Modo de varias caixas de verificación:
Múltiples opcións onde os usuarios poden seleccionar varias opcións. Perfecto para preguntas de "Seleccionar todas as que correspondan", recollida de preferencias e enquisas de selección múltiple.
Casos de uso:
- "Que características che interesan?" (seleccións múltiples)
- "Selecciona os teus métodos de contacto preferidos"
- "Escolle todos os servizos que precises"
- "Que temas che interesan?" (marca varias opcións)
Características:
- Opcións de caixa de verificación ilimitadas
- Tres estilos de deseño
- Opción "Seleccionar todo"
- Límites de selección mínimos/máximos
- "Outro" con entrada de texto
- Opción exclusiva de "Ningunha das anteriores"
🎨 Tres opcións de deseño (modo múltiple)
Disposición vertical (apilada):
As caixas de verificación aparecen unha por liña, apiladas verticalmente. O deseño é máis lexible para etiquetas de opción máis longas.
Mellor para:
- Texto de opción longo
- 3-10 opcións
- Formularios orientados a móbiles
- Máxima lexibilidade
Disposición horizontal (un ao carón do outro):
As caixas de verificación aparecen nunha fila, unha ao carón da outra. Deseño compacto para etiquetas curtas.
Mellor para:
- 2-5 opcións curtas
- Formas compactas
- Maquetacións de escritorio
- Eficiencia espacial
Deseño de cuadrícula (varias columnas):
Caixas de verificación dispostas nunha grella de 2 columnas. Deseño equilibrado que aforra espazo e mantén a lexibilidade.
Mellor para:
- 4-12 opcións
- Etiquetas de lonxitude media
- Deseño equilibrado
- Aspecto profesional
Comportamento de resposta:
Todos os deseños adáptanse automaticamente ás pantallas dos móbiles, apilándoos cando é necesario para unha mellor interacción táctil.
✨ Opción "Seleccionar todo"
Selección cun só clic:
Engade unha caixa de verificación especial "Seleccionar todo" na parte superior da túa lista. Os usuarios poden marcar/desmarcar todas as opcións cun só clic.
Comportamento intelixente:
- Comproba todas as opcións regulares simultaneamente
- Desmarca todo ao premer de novo
- Desmarca automaticamente se algunha opción está deseleccionada
- Mostra un estado indeterminado cando se seleccionan algunhas opcións (non todas)
- Exclúe "Ningunha das anteriores" de seleccionar todo
Perfecto para:
- Listas longas de caixas de verificación (máis de 5 opcións)
- Formularios onde os usuarios adoitan seleccionalo todo
- Preguntas que indiquen que "Marque todas as que correspondan"
- Permisos e selección de funcións
Experiencia do usuario:
Aforra tempo en listas longas. Os usuarios poden seleccionalo todo e despois desmarcar excepcións específicas.
✏️ Opción "Outra" con entrada de texto
Colección de respostas personalizadas:
Engade unha caixa de verificación "Outro" que revela un campo de texto ao seleccionala. Os usuarios poden especificar a súa propia resposta se as opcións predefinidas non se axustan.
Como funciona:
- A caixa de verificación "Outro" aparece na parte inferior da lista
- Cando se marca a opción, aparece o campo de entrada de texto
- Os usuarios escriben unha resposta personalizada
- Enviáronse tanto a selección da caixa de verificación como o texto
Casos de uso:
- "Método de contacto preferido: …Outro (especifique)"
- "Intereses: ...Outros temas"
- "Como soubo de nós?: ...Outra fonte"
- Calquera lista que non poida colaborar
Beneficios:
Captura respostas inesperadas, proporciona flexibilidade, evita seleccións de "axuste forzado" e mellora a calidade dos datos.
❌ Opción "Ningunha das anteriores"
Non selección exclusiva:
Engade unha opción "Ningunha das anteriores" que desmarca automaticamente todas as demais seleccións ao facer clic nela.
Exclusividade intelixente:
- Cando se marca "Ningún", todas as outras opcións desmárcanse automaticamente
- Cando se marca calquera outra opción, "Ningunha" desmárcase automaticamente
- Ofrece un xeito claro de indicar que non se aplican seleccións
- Evita seleccións contraditorias
Casos de uso:
- Preguntas de preferencia opcionais
- "Selecciona todas as alerxias: ...Ningunha das anteriores"
- Verificadores de cualificacións
- seleccións de intereses
Por que incluír:
Impide o abandono do formulario, mostra minuciosidade, ofrece unha opción negativa explícita e mellora a precisión dos datos.
📊 Controis de selección mín./máx.
Cantidade de selección de control:
Define o número mínimo e máximo de caixas de verificación que deben/poden ser seleccionadas.
Seleccións mínimas:
Requírese que os usuarios seleccionen polo menos X opcións. O formulario non se enviará ata que se cumpra o requisito.
Exemplos:
- "Selecciona polo menos 2 intereses" (Mínimo: 2)
- "Escolla un mínimo de 3 preferencias" (Mínimo: 3)
- "Escolle polo menos 1 opción" (Mín: 1)
Seleccións máximas:
Limitar os usuarios a seleccionar un máximo de X opcións. As caixas de verificación desactívanse unha vez alcanzado o límite.
Exemplos:
- "Escolle as túas 3 características principais" (Máximo: 3)
- "Seleccionar ata 5 servizos" (Máximo: 5)
- "Non escolla máis de 2 opcións" (Máximo: 2)
Comentarios claros:
Os usuarios ven mensaxes de validación como "Seleccione polo menos 2 opcións" ou "Máximo de 3 seleccións permitidas".
🔧 Xestión de opcións sinxelas
Control total sobre as opcións:
- Engadir opcións: escribe e preme Intro ou fai clic en "Engadir opción". Crea listas de caixas de verificación en segundos.
- Opcións de edición: actualiza o texto para mostrar (o que ven os usuarios) e os valores (o que se envía) de forma independente.
- Marcado por defecto: preseleccione caixas de verificación específicas marcando a caixa xunto a cada opción.
- Opcións de reordenación: use as frechas arriba/abaixo para organizar as caixas de verificación na orde perfecta.
- Eliminar opcións: elimina as opcións non desexadas cun só clic.
Mostrar vs. Valor:
- Etiqueta: O que ven os usuarios (por exemplo, "Actualizacións por correo electrónico")
- Valor: O que se almacena (por exemplo, “correo_actualizacións”)
Edificio a granel:
Engade varias opcións rapidamente escribindo, premendo Intro, escribindo, premendo Intro: creación rápida dunha lista de caixas de verificación.
☑️ Funcións dunha única caixa de verificación
Opcións de personalización:
Texto da etiqueta da caixa de verificación:
O texto que se mostra xunto á caixa de verificación. Fai que sexa claro e específico (por exemplo, "Acepto recibir correos electrónicos de mercadotecnia").
Estado marcado por defecto:
Marca previamente a caixa cando se cargue o formulario. Usa con coidado: os usuarios deben marcar conscientemente as caixas de acordo.
Valor enviado personalizado:
Define o valor que se envía cando se marca (normalmente "si", "1" ou "verdadeiro"). O valor predeterminado é "si".
Validación requirida:
Facer obrigatoria a caixa de verificación. Os usuarios deben marcala para enviar o formulario. Perfecto para os acordos obrigatorios.
🔀 Lóxica condicional
Visibilidade da caixa de verificación dinámica:
Mostrar ou ocultar os campos da caixa de verificación segundo outros valores do formulario. Mostrar as opcións só cando sexan relevantes.
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 as caixas de verificación de "Preferencias de envío" só cando estea marcada a opción "Require envío"
Mostrar "Temas do boletín informativo" cando a caixa de verificación de subscrición estea marcada
Mostrar "Servizos adicionais" cando o tipo de servizo sexa igual a "Premium"
Ocultar as "Opcións de desconto" cando o total do pedido sexa inferior a 50 $
🎯 Experiencia de usuario mellorada
Funcións intelixentes integradas:
- Indicadores visuais: marque as caixas de verificación co espazado axeitado
- Navegación con teclado: permite cambiar facilmente polas opcións mediante tabulación
- Táctil: obxectivos de toque grandes para móbiles
- Seleccións predeterminadas: comproba previamente as opcións específicas
- Clases CSS personalizadas: aplicar estilos a grupos de caixas de verificación
- Compatibilidade con accesibilidade: etiquetas ARIA, compatible con lectores de pantalla
- Optimizado para móbiles: tamaños de caixas de verificación perfectos para o tacto
- Etiquetas claras: texto lexible con aliñamento axeitado
- Validación requirida: borrar as mensaxes de erro
- Texto de axuda: engadir descricións para grupos de caixas de verificación complexas
Configuración sinxela en 3 pasos
Ten listo o teu campo de caixa de verificación en minutos
Engadir campo de caixa de verificación
Arrastra e solta o campo Caixa de verificación da sección Campos básicos no formulario.
Escolla o modo
Seleccione "Caixa de verificación única" para preguntas de si/non ou "Caixas de verificación múltiples" para opcións de selección múltiple.
Opcións de configuración
Para un só elemento: define a etiqueta e o valor da caixa de verificación. Para varios elementos: engade opcións, escolle o deseño, activa opcionalmente as opcións "Seleccionar todo" ou "Outro" e define as seleccións mínimas/máximas.
🎉 Iso é todo! O campo da caixa de verificación está listo coa validación intelixente.
Aplicacións do mundo real
Acordos e consentimento
* Aceptación dos termos e condicións
* Acordos de política de privacidade
* Consentimento por correo electrónico
* Subscricións a boletíns informativos
Enquisas e comentarios
* Preguntas que indiquen que correspondan
* Selección de intereses múltiples
* Colección de preferencias de funcións
* Escolhas de temas de interese
E-Commerce
* Selección de características do produto
* Complementos de servizo
* Opcións de envío
* Preferencias de notificación
Formularios de rexistro
* Preferencias de comunicación
* Categorías de interese
* Configuración de permisos
* Selección de acceso a funcións
aplicacións
* Verificadores de cualificacións
* Seleccións de habilidades
* Áreas de interese
* Opcións de dispoñibilidade
Configuración e preferencias
* Configuración da conta
* Opcións de privacidade
* Opcións de notificación
* Alternancias de funcións
Opcións de campo completas
Configuración básica
- Etiqueta do campo: a pregunta ou o título que se mostra enriba das caixas de verificación
- Descrición/Texto de axuda: guía adicional para os usuarios
- Campo obrigatorio: marcar a(s) caixa(s) de verificación obrigatoria(s)
- Marcador de posición: non aplicable para caixas de verificación
Modo de caixa de verificación
Escolle o tipo de modo:
- Caixa de verificación única: pregunta de si/non, acordo ou opción de participación (unha caixa de verificación)
- Múltiples caixas de verificación: opcións de selección múltiple (varias caixas de verificación)
Opcións de caixa de verificación única
- Texto xunto á caixa de verificación: a etiqueta que se mostra xunto á caixa de verificación (por exemplo, "Acepto os termos")
- Inicio marcado: caixa de verificación premarcada ao cargar o formulario
- Valor ao marcar: o valor dos datos almacenado ao marcar (predeterminado: "si")
Opcións de varias caixas de verificación
Estilo de deseño:
- Apilado (un por liña) – Disposición vertical
- Un ao lado do outro (en fila) – Disposición horizontal
- Grella (varias columnas): deseño de grella de 2 columnas
Opcións da caixa de verificación:
Crea a túa lista de opcións:
- Texto para mostrar: o que ven os usuarios (por exemplo, "Correo electrónico")
- Valor: o que se envía (por exemplo, «correo electrónico»)
- Marcado por defecto: preselecciona opcións específicas
- Reordenar: mover as opcións cara arriba/abaixo
- Eliminar – Eliminar opcións
Opcións especiais:
- Engadir a opción "Seleccionar todo": engade unha caixa de verificación na parte superior que selecciona/deselecciona todas as opcións
- Engadir a opción "Outra" con caixa de texto: engade a opción "Outra" cun campo de texto para respostas personalizadas
- Engadir a opción "Ningunha das anteriores": engade unha opción exclusiva que desmarca todas as demais cando se selecciona.
Límites de selección:
- Seleccións mínimas requiridas: o menor número de caixas de verificación que se deben marcar (por exemplo, 2)
- Seleccións máximas permitidas: a maioría das caixas de verificación que se poden seleccionar (por exemplo, 5)
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
- Campo oculto: facer o campo invisible (non se recomenda para caixas de verificación)
- Clases CSS personalizadas: aplicar estilos personalizados
- Atributos de accesibilidade: etiquetas ARIA para lectores de pantalla
Por que elixir o noso campo de caixa de verificación?
✅ Dous modos – Unha ou varias caixas de verificación nun mesmo tipo de campo
✅ Disposicións flexibles – Disposicións verticais, horizontais ou en cuadrícula
✅ Seleccionar todo – Selección cun só clic para maior comodidade
✅ Outra opción – Entrada de texto para respostas personalizadas
✅ Ningunha opción – Elección exclusiva sen selección
✅ Límites mínimos/máximos – Cantidade de selección de control
✅ Xestión fácil – Engadir, editar, reordenar e eliminar opcións sen esforzo
✅ Amigable – Etiquetas claras, espazado axeitado, tacto agradable
✅ Totalmente integrado – Funciona perfectamente con todas as funcionalidades do formulario
Preguntas máis frecuentes
P: Cal é a diferenza entre os modos de caixa de verificación única e múltiple?
O modo único mostra unha caixa de verificación para as decisións de si/non. O modo múltiple mostra varias caixas de verificación onde os usuarios poden seleccionar máis dunha opción.
P: Os usuarios poden seleccionar todas as caixas de verificación á vez?
Si. Activa a opción "Seleccionar todo" para engadir unha caixa de verificación que marque ou desmarque todas as opcións cun só clic.
P: Como funcionan as seleccións mín./máx.?
O mínimo garante que os usuarios seleccionen polo menos un certo número de opcións. O máximo limita o número de caixas de verificación que poden marcar.
P: Que fai a opción "Outro"?
Engade unha caixa de verificación adicional chamada "Outro". Ao seleccionala, aparece un campo de texto para que os usuarios poidan introducir unha resposta personalizada.
P: Como funciona «Ningunha das anteriores»?
Actúa como unha opción exclusiva. Se se selecciona, todas as demais caixas de verificación desmárcanse. Se se marca calquera outra opción, a opción "Ningunha" desmárcase automaticamente.
P: Podo preseleccionar certas caixas de verificación?
Si. Para o modo único, activa "Iniciar marcado". Para o modo múltiple, marca a caixa de verificación pequena xunto a cada opción que queres que estea seleccionada por defecto.
P: Debería marcar previamente as casillas do acordo?
Non. Para consultar as políticas, os termos e o consentimento, os usuarios deben marcar a caixa eles mesmos.
P: Podo cambiar a orde das caixas de verificación?
Si. Usa as frechas arriba e abaixo que hai xunto a cada opción para reordenalas como queiras.
P: Cal é a diferenza entre o texto para mostrar e o valor?
O texto para mostrar é o que ven os usuarios. O valor é o que se almacena na base de datos para obter datos limpos e consistentes.
P: Podo usar a lóxica condicional con caixas de verificación?
Si. Activa outros campos en función das seleccións usando operadores como "Igual a", "Está baleiro" ou "Non está baleiro".
P: Como creo unha caixa de verificación obrigatoria?
Activa "Campo obrigatorio". Para o modo único, a caixa debe estar marcada. Para o modo múltiple, os usuarios deben seleccionar polo menos unha opción ou cumprir o requisito mínimo.
P: Poden os usuarios cambiar as seleccións despois de comprobalas?
Si. Poden marcar ou desmarcar calquera opción libremente antes de enviar o formulario. Tamén se pode activar/desactivar "Seleccionar todo" en calquera momento.
