Поле за отметка
Събирайте споразумения и въпроси с множествен избор с лекота. От прости квадратчета за отметка „да/не“ до списъци с множествен избор с „Избери всички“, контроли за мин/макс и интелигентни оформления – полето за отметка обработва единични споразумения и въпроси с множествен избор с мощна проверка и удобни за потребителя опции.
Два режима за всяка нужда от квадратче за отметка
Идеално за:
Мощни функции за всеки случай на употреба
Два режима на квадратчетата за отметка
Режим с единично квадратче за отметка:
Едно квадратче за отметка за въпроси с отговор „да“/„не“, споразумения или включване. Идеално за приемане на условия, абонаменти за бюлетин и формуляри за съгласие.
Случаи на употреба:
- „Съгласен съм с условията“
- „Абонирайте ме за бюлетина“
- „Да, искам да получавам актуализации“
- „Потвърждавам, че тази информация е точна“
Характеристики:
- Текст на етикета за персонализирано квадратче за отметка
- Състояние по подразбиране отметнато/неотметнато
- Персонализирана изпратена стойност (да, 1, вярно и т.н.)
- Задължителна опция за валидиране
Режим с множество квадратчета за отметка:
Множество опции, където потребителите могат да избират от няколко варианта. Идеално за въпроси от типа „Изберете всички подходящи“, събиране на предпочитания и анкети с избиране на множество опции.
Случаи на употреба:
- „Кои характеристики ви интересуват?“ (множество възможности за избор)
- „Изберете предпочитаните от вас методи за контакт“
- „Изберете всички услуги, от които се нуждаете“
- „Какви теми ви интересуват?“ (отбележете няколко)
Характеристики:
- Неограничени опции за отметки
- Три стила на оформление
- Опция „Избери всички“
- Ограничения за избор на мин./макс.
- „Друго“ с въвеждане на текст
- Ексклузивна опция „Нищо от горните“
🎨 Три опции за оформление (множество режими)
Вертикално (наслагвано) оформление:
Полетата за отметка се показват по едно на ред, подредени вертикално. Най-четливо оформление за по-дълги етикети на опции.
Най-доброто за:
- Дълъг текст с опции
- 3-10 варианта
- Формуляри, ориентирани предимно към мобилни устройства
- Максимална четимост
Хоризонтално (едно до друго) оформление:
Квадратчетата за отметка се показват в ред, едно до друго. Компактно оформление за кратки етикети.
Най-доброто за:
- 2-5 кратки опции
- Компактни форми
- Оформления на работния плот
- Космическа ефективност
Оформление на мрежа (няколко колони):
Полетата за отметка, подредени в двуколонна мрежа. Балансирано оформление, което спестява място, като същевременно запазва четимостта.
Най-доброто за:
- 4-12 варианта
- Етикети със средна дължина
- Балансиран дизайн
- Професионален външен вид
Отзивчиво поведение:
Всички оформления се адаптират автоматично към мобилните екрани, като се подреждат, когато е необходимо, за по-добро взаимодействие с докосване.
✨ Опция „Избери всички“
Избор с едно кликване:
Добавете специално квадратче за отметка „Избери всички“ в горната част на списъка си. Потребителите могат да отметнат/премахнат отметката от всички опции с едно щракване.
Умно поведение:
- Проверява всички стандартни опции едновременно
- Премахва всички отметки при повторно щракване
- Автоматично премахва отметката, ако някоя опция е отменена
- Показва неопределено състояние, когато са избрани някои (не всички) опции
- Изключва „Нито едно от горните“ от „Избери всички“
Перфектен за:
- Дълги списъци с отметки (5+ опции)
- Формуляри, където потребителите често избират всичко
- Въпроси „Отбележете всички подходящи“
- Избор на разрешения и функции
Потребителски опит:
Спестява време при дълги списъци. Потребителите могат да изберат всички, след което да премахнат отметката от конкретни изключения.
✏️ Опция „Друга“ с въвеждане на текст
Колекция от персонализирани отговори:
Добавете квадратче за отметка „Друго“, което при избиране разкрива текстово поле. Потребителите могат да посочат свой собствен отговор, ако предварително зададените опции не пасват.
Как работи:
- Отметката „Друго“ се появява в долната част на списъка
- Когато е отметнато, се появява поле за въвеждане на текст
- Потребителите въвеждат персонализиран отговор
- Изпращат се както избраното квадратче за отметка, така и текстът
Случаи на употреба:
- „Предпочитан метод за контакт: …Друг (моля, уточнете)“
- „Интереси: …Други теми“
- „Как разбрахте за нас: …Друг източник“
- Всеки списък, който не може да
Ползи:
Улавя неочаквани отговори, осигурява гъвкавост, предотвратява селекции с „насилствено напасване“ и подобрява качеството на данните.
❌ Опция „Нито едно от горните“
Изключителен избор без избор:
Добавете опция „Нито едно от горните“, която автоматично премахва отметката от всички останали селекции при щракване.
Умна ексклузивност:
- Когато е отметнато „Няма“, всички останали опции се премахват автоматично.
- Когато е отметната която и да е друга опция, отметката от „Няма“ се премахва автоматично.
- Предоставя ясен начин да се посочи, че не се прилагат никакви селекции
- Предотвратява противоречиви избори
Случаи на употреба:
- Незадължителни въпроси за предпочитания
- „Изберете всички алергии: …Нито една от горните“
- Квалификационни пулове
- Избор на интереси
Защо да включите:
Предотвратява изоставянето на формуляра, показва задълбоченост, предоставя изрична опция за отрицание и подобрява точността на данните.
📊 Контроли за избор на мин./макс.
Количество за избор на контрол:
Задайте минималния и максималния брой квадратчета за отметка, които трябва/могат да бъдат избрани.
Минимални селекции:
Изисквайте потребителите да изберат поне X опции. Формулярът няма да бъде изпратен, докато изискването не бъде изпълнено.
Примери:
- „Изберете поне 2 интереса“ (Мин: 2)
- „Изберете минимум 3 предпочитания“ (Мин: 3)
- „Изберете поне 1 опция“ (Мин: 1)
Максимален избор:
Ограничете потребителите да избират не повече от X опции. Полетата за отметка се деактивират след достигане на лимита.
Примери:
- „Изберете 3-те си най-важни характеристики“ (макс.: 3)
- „Изберете до 5 услуги“ (Макс.: 5)
- „Изберете не повече от 2 опции“ (Макс.: 2)
Ясна обратна връзка:
Потребителите виждат съобщения за валидиране като „Моля, изберете поне 2 опции“ или „Разрешени са максимум 3 варианта“.
🔧 Лесно управление на опциите
Пълен контрол върху изборите:
- Добавяне на опции – Въведете и натиснете Enter или кликнете върху „Добавяне на опция“. Създайте списъци с квадратчета за отметка за секунди.
- Опции за редактиране – Актуализирайте текста за показване (това, което потребителите виждат) и стойностите (това, което се изпраща) независимо.
- Отметнато по подразбиране – Предварително изберете конкретни квадратчета за отметка, като поставите отметка в квадратчето до всяка опция.
- Опции за пренареждане – Използвайте стрелки нагоре/надолу, за да подредите квадратчетата за отметка в перфектен ред.
- Изтриване на опции – Премахнете нежеланите опции с едно щракване.
Дисплей срещу стойност:
- Етикет: Какво виждат потребителите (напр. „Актуализации по имейл“)
- Стойност: Какво се съхранява (напр. „email_updates“)
Масово строителство:
Добавете бързо множество опции, като въведете текст, натиснете Enter, въведете текст, натиснете Enter – бързо създаване на списък с квадратчета за отметка.
☑️ Функции за единично квадратче за отметка
Опции за персонализиране:
Текст на етикета на квадратчето за отметка:
Текстът, показан до квадратчето за отметка. Направете го ясен и конкретен (напр. „Съгласен съм да получавам маркетингови имейли“).
Състояние по подразбиране с отметка:
Предварително отметнете квадратчето, когато формулярът се зареди. Използвайте внимателно – потребителите трябва съзнателно да отметнат квадратчетата за съгласие.
Персонализирана изпратена стойност:
Задава каква стойност се изпраща, когато е поставена отметка (обикновено „да“, „1“ или „вярно“). По подразбиране е „да“.
Необходимо валидиране:
Направете квадратчето за отметка задължително. Потребителите трябва да го отметнат, за да изпратят формуляра. Идеално за задължителни споразумения.
🔀 Условна логика
Динамична видимост на квадратчето за отметка:
Показване или скриване на полета за отметка въз основа на други стойности на формуляра. Показване на опции само когато е уместно.
Правила за разширена логика:
И логика – Всички условия трябва да бъдат изпълнени
Логика ИЛИ – Всяко условие може да задейства действието
8 оператора – Равно, Не е равно, По-голямо от, По-малко от, Съдържа, Е празно и други
Случаи на употреба:
Показване на квадратчетата за отметка „Предпочитания за доставка“ само когато е отметнато „Изисква доставка“
Показване на „Теми на бюлетина“, когато е поставена отметка в квадратчето за абонамент
Показване на „Допълнителни услуги“, когато типът услуга е „Премиум“
Скриване на „Опции за отстъпка“, когато общата сума на поръчката е по-малка от $50
🎯 Подобрено потребителско изживяване
Вградени интелигентни функции:
- Визуални индикатори – Изчистете квадратчетата за отметка с правилно разстояние между тях
- Навигация с клавиатура – лесно преминаване през опции с Tab
- Удобно за докосване – Големи целеви екрани за докосване за мобилни устройства
- Избор по подразбиране – Предварителна проверка на конкретни опции
- Персонализирани CSS класове – Прилагане на стилизиране към групи от квадратчета за отметка
- Поддръжка за достъпност – ARIA етикети, съвместими с екранен четец
- Оптимизиран за мобилни устройства – перфектни размери на квадратчетата за отметка за тъчскрийн
- Ясни етикети – Четлив текст с правилно подравняване
- Задължителна проверка – Изчистване на съобщенията за грешки
- Помощен текст – Добавяне на описания за сложни групи от квадратчета за отметка
Лесна настройка в 3 стъпки
Подгответе полето си за отметка за минути
Добавяне на поле за отметка
Плъзнете и пуснете полето „Квадратче за отметка“ от секцията „Основни полета“ във формуляра си.
Изберете Режим
Изберете „Едно квадратче за отметка“ за въпроси с отговор „да/не“ или „Няколко квадратчета за отметка“ за опции с множествен избор.
Конфигуриране на опции
За единичен: задайте етикет и стойност в квадратчето за отметка. За множество: добавете опции, изберете оформление, по избор активирайте опциите „Избери всички“ или „Други“ и задайте минимален/максимален избор.
???? Това е! Полето за отметка е готово с интелигентна проверка.
Приложения от реалния свят
Споразумения и съгласие
* Приемане на общите условия
* Споразумения за поверителност
* Включване на съгласие по имейл
* Абонаменти за бюлетин
Анкети и обратна връзка
* Въпроси „Изберете всички подходящи“
* Избор на множество интереси
* Колекция от предпочитания за функции
* Избор на теми, интересуващи ви
Електронна търговия
* Избор на характеристики на продукта
* Допълнения към услугите
* Опции за доставка
* Предпочитания за известия
Формуляри за регистрация
* Предпочитания за комуникация
* Категории по интереси
* Настройки на разрешенията
* Избор на достъп до функции
Приложения
* Квалификационни пулове
* Избор на умения
* Области на интерес
* Опции за наличност
Настройки и предпочитания
* Настройки на акаунта
* Опции за поверителност
* Опции за известия
* Превключватели на функциите
Опции за пълно поле
Основна конфигурация
- Етикет на полето – Въпросът или заглавието, показани над квадратчетата за отметка
- Описание/Помощен текст – Допълнителни указания за потребителите
- Задължително поле – Направете квадратчетата за отметка задължителни
- Заместител – Не е приложимо за квадратчета за отметка
Режим на квадратчето за отметка
Изберете тип режим:
- Едно квадратче за отметка – въпрос с „Да/Не“, съгласие или включване (едно квадратче за отметка)
- Множество квадратчета за отметка – Опции за множествен избор (няколко квадратчета за отметка)
Опции за единично квадратче за отметка
- Текст до квадратчето за отметка – Етикет, показван до квадратчето за отметка (напр. „Съгласен съм с условията“)
- Старт с отметка – Квадратчето за отметка е предварително отметнато при зареждане на формуляра
- Стойност при отметка – Стойност на данните, съхранена при отметка (по подразбиране: „да“)
Опции за множество квадратчета за отметка
Стил на оформлението:
- Подредени (по един на ред) – Вертикално разположение
- Един до друг (в редица) – Хоризонтално разположение
- Решетка (няколко колони) – 2-колонно оформление на решетка
Опции за отметка в квадратчето:
Съставете своя списък с възможности за избор:
- Показван текст – това, което потребителите виждат (напр. „Имейл“)
- Стойност – Какво е подадено (напр. „имейл“)
- Отметнато по подразбиране – Предварително изберете конкретни опции
- Пренареждане – Преместване на опции нагоре/надолу
- Изтриване – Премахване на опции
Специални опции:
- Добавяне на опция „Избери всички“ – Добавя квадратче за отметка в горната част, което избира/премахва избора на всички опции
- Добавяне на опция „Друго“ с текстово поле – Добавя опция „Друго“ с текстово поле за персонализирани отговори
- Добавяне на опция „Нито едно от горните“ – Добавя ексклузивна опция, която премахва отметката от всички останали, когато е избрана
Ограничения за избор:
- Минимален брой необходими селекции – Най-малък брой квадратчета за отметка, които трябва да бъдат избрани (напр. 2)
- Максимален брой разрешени селекции – Най-много квадратчета за отметка, които могат да бъдат избрани (напр. 5)
Условна логика
- Активиране на условна логика – Показване/скриване въз основа на условия
- Тип логика
- Всички условия трябва да бъдат изпълнени (И)
- Всяко условие може да бъде изпълнено (ИЛИ)
- Правила за условия
- Показване/Скриване – Действие, което да се предприеме
- Поле – Кое поле да се провери
- Оператор – Равно, Не е равно, Съдържа, По-голямо от, По-малко от, Празно е, Не е празно
- Стойност – Стойност за сравнение
- Множество условия – Добавете неограничен брой правила
Разширени опции
- Скрито поле – Направете полето невидимо (не се препоръчва за квадратчета за отметка)
- Персонализирани CSS класове – Прилагане на персонализирано стилизиране
- Атрибути за достъпност – ARIA етикети за екранни четци
Защо да изберете нашето поле за отметка?
✅ Два режима – Едно квадратче за отметка или множество квадратчета за отметка в един тип поле
✅ Гъвкави оформления – Вертикално, хоризонтално или мрежово разположение
✅ Избери всички – Избор с едно щракване за удобство
✅ Друга опция – Въвеждане на текст за персонализирани отговори
✅ Няма опция – Изключителен избор без избор
✅ Мин./Макс. граници – Контрол на количеството на избраните елементи
✅ Лесно управление – Добавяне, редактиране, пренареждане, изтриване на опции без усилие
✅ Удобен за потребителя – Ясни етикети, правилно разстояние между тях, удобни за докосване
✅ Напълно интегрирана – Работи безпроблемно с всички функции на формуляра
Често задавани въпроси
В: Каква е разликата между режимите с единично и множество квадратчета за отметка?
Единичният режим показва едно квадратче за отметка за решения „да“/„не“. Многократният режим показва няколко квадратчета за отметка, където потребителите могат да изберат повече от една опция.
В: Могат ли потребителите да отметнат всички квадратчета за отметка едновременно?
Да. Активирайте опцията „Избери всички“, за да добавите квадратче за отметка, което поставя или премахва отметката от всяка опция с едно щракване.
В: Как работят минималните/максималните селекции?
„Минимум“ гарантира, че потребителите избират поне определен брой опции. „Максимум“ ограничава броя квадратчета за отметка, които могат да изберат.
В: Какво прави опцията „Друго“?
Добавя допълнително квадратче за отметка с надпис „Друго“. Когато е избрано, се появява текстово поле, в което потребителите могат да въведат персонализиран отговор.
В: Как работи „Нищо от горните“?
Действа като изключителен избор. Ако е избрано, всички останали квадратчета за отметка се изчистват. Ако е избрана друга опция, отметката от опцията „Няма“ се изчиства автоматично.
В: Мога ли да поставя предварително отметка в определени квадратчета?
Да. За единичен режим включете „Стартирай с отметка“. За множествен режим отметнете малкото квадратче за отметка до всяка опция, която искате да бъде избрана по подразбиране.
В: Трябва ли предварително да отметна полетата за споразумение?
Не. За правила, условия и съгласие, потребителите трябва сами да отметнат съответното квадратче.
В: Мога ли да променя реда на отметките?
Да. Използвайте стрелките нагоре и надолу до всяка опция, за да ги пренаредите както желаете.
В: Каква е разликата между показвания текст и стойност?
Текстът на дисплея е това, което потребителите виждат. Стойността е това, което се съхранява във вашата база данни за чисти и последователни данни.
В: Мога ли да използвам условна логика с отметки за отметка?
Да. Задействайте други полета въз основа на селекции, използвайки оператори като „Равно е“, „Празно е“ или „Не е празно“.
В: Как да създам задължително квадратче за отметка?
Активирайте „Задължително поле“. За единичен режим квадратчето трябва да е отметнато. За множествен режим потребителите трябва да изберат поне една опция или да отговарят на минималното изискване.
В: Могат ли потребителите да променят избора си след проверка?
Да. Те могат свободно да отметнат или отметнат всяка опция, преди да изпратят формуляра. „Избери всички“ също може да се превключва по всяко време.
