радіо кнопки
Збирайте окремі варіанти з чіткістю та стилем. Від простих запитань «так/ні» до складних варіантів відповіді з гнучкими макетами, налаштовуваними параметрами та інтелектуальними функціями – поле «Радіокнопки» гарантує, що користувачі виберуть лише одну відповідь зі списку.
Ідеально підходить для питань з одним вибором відповіді
Ідеально підходить для:
Потужні функції для будь-якого випадку використання
🎨 Гнучкі варіанти макета
Три професійні макети:
- Вертикальне (з накопиченням) – опції відображаються по одній на рядку, розташовані вертикально. Найбільш традиційне та зручне для читання розташування довгих підписів опцій.
- Горизонтально (вбудовано) – параметри відображаються поруч у рядку. Ідеально підходить для коротких етикеток та компактних форм.
- Сітка (2 колонки) – параметри розташовані у вигляді сітки з двома колонками. Це економить місце, зберігаючи при цьому читабельність.
Виберіть на основі:
- Вертикальні: довгі мітки опцій, детальний вибір, традиційні форми
- Горизонтально: 2-5 коротких варіантів (Так/Ні, Чоловік/Жінка тощо)
- Сітка: 4+ варіанти середньої довжини, збалансоване розташування
Чуйна поведінка:
Усі макети автоматично адаптуються до екранів мобільних пристроїв, розташовуючи їх вертикально, коли це необхідно для кращої сенсорної взаємодії.
🎲 Випадковий порядок опцій
Рандомізація за оцінкою опитування
Перемішуйте порядок опцій щоразу під час завантаження форми. Усуває упередженість позицій в опитуваннях, голосуваннях та дослідницьких формах.
Чому рандомізувати?
- Запобігає упередженості порядку в опитуваннях
- Забезпечує справедливий розподіл вибору
- Професійна методологія дослідження
- Покращує якість даних
Ідеально підходить для:
- Форми опитування та анкети
- A/B-тестування та дослідження
- Опитування та голосування
- Дослідження уподобань
Розумна поведінка:
Спеціальні опції, такі як «Інше» та «Жоден з перерахованих вище», можуть залишатися внизу, навіть якщо основні опції рандомізовані.
❌ Варіант «Жоден з перерахованих вище»
Явний невибір
Додайте в кінці списку варіант «Жоден із перелічених вище» або «Не застосовується». Це дає користувачам чіткий спосіб вказати, що жоден із варіантів не застосовується.
Чому це включати?
- Запобігає примусовому вибору
- Покращує точність даних
- Показано всі охоплені бази
- Зменшує кількість залишень форми
Ідеально підходить для:
- Додаткові питання щодо переваг
- Запитання у стилі «Виберіть усе, що підходить»
- Кваліфікаційні шашки
- Вибір інтересів
Розумне позиціонування:
Опція «Немає» завжди відображається останньою, що чітко відрізняє її від звичайних варіантів.
🔧 Просте керування опціями
Повний контроль над вибором:
- Додати параметри – введіть і натисніть «Додати параметр» або натисніть Enter. Створіть свій список за лічені секунди.
- Параметри редагування – оновлюйте як текст відображення (те, що бачать користувачі), так і значення (те, що надсилається) незалежно.
- Зміна порядку параметрів – використовуйте стрілки вгору/вниз, щоб розташувати параметри в ідеальному порядку.
- Видалити параметри – Видаліть параметри одним клацанням миші. Жоден параметр не є постійним.
Медійна реклама проти цінності:
- Мітка: Що бачать користувачі (наприклад, «Відмінний сервіс»)
- Значення: Що зберігається в базі даних (наприклад, «відмінний_сервіс»)
Масове будівництво:
Швидко додавайте кілька опцій, вводячи текст, натискаючи Enter, вводячи текст, натискаючи Enter – швидке створення опцій для довгих списків.
✅ Вибір за замовчуванням
Попередній вибір опції
Виберіть, який перемикач буде вибрано за замовчуванням під час завантаження форми. Спрямовує користувачів до поширених відповідей або виділяє рекомендовані варіанти.
Використовуйте випадки:
Попередньо виберіть найпоширенішу відповідь для швидкого завершення
Виділіть рекомендований варіант (наприклад, план «Найкраще співвідношення ціни та якості»)
Встановити варіант угоди за замовчуванням (умови прийняті)
Спрямування користувачів до бажаного вибору
Або без за замовчуванням:
Залишайте всі опції невибраними, вимагаючи від користувачів активного вибору. Ідеально підходить для питань, що потребують свідомого вибору.
✏️ Варіант «Інше» з функцією введення тексту
Колекція власних відповідей
Додайте опцію «Інше», яка відображатиме поле для введення тексту після вибору. Користувачі можуть вказати власну відповідь, якщо жоден із попередньо встановлених варіантів не підходить.
Налаштовуваний ярлик:
- Змініть текст мітки «Інше» відповідно до ваших потреб:
- «Інше (будь ласка, уточніть)»
- «Щось інше»
- «Налаштована відповідь»
- «Не в списку»
Як Це Працює:
Коли користувачі вибирають «Інше», миттєво з’являється текстове поле для введення власної відповіді. Надсилаються як вибір «Інше», так і текст відповіді.
Використовуйте випадки:
- «Як ви дізналися про нас?» з налаштованим джерелом рефералів
- Налаштування продукту з непереліченими опціями
- Категорії відгуків із розділом «Інші занепокоєння»
- Будь-який список, який не може охопити всі можливості
🔀 Умовна логіка
Динамічна видимість радіокнопок
Показуйте або приховуйте поля перемикачів на основі значень інших форм. Створюйте інтелектуальні форми, які адаптуються до вибору користувача.
Правила розширеної логіки:
- Логіка «І» – усі умови мають бути виконані
- Логіка АБО – будь-яка умова може викликати дію
- 8 операторів – Дорівнює, Не дорівнює, Більше ніж, Менше ніж, Містить, Пусто та інші
Використовуйте випадки:
- Показувати параметри товару лише за вибраного типу товару
- Відображати налаштування доставки, якщо спосіб доставки дорівнює «Експрес»
- Приховати плани оплати, коли загальна сума замовлення менша за 100 доларів США
- Показати додаткові питання на основі початкової відповіді
🎯 Покращений користувацький досвід
Вбудовані інтелектуальні функції:
- Примусове використання одного вибору – одночасно можна вибрати лише один варіант (стандартна поведінка перемикача)
- Обов’язкова перевірка – Зробіть вибір обов’язковим із чіткими повідомленнями про помилки
- Навігація клавіатурою – клавіші зі стрілками переміщуються між опціями спеціальних можливостей
- Користувацькі CSS-класи – застосовуйте власні стилі, що відповідають вашому бренду
- Підтримка доступності – мітки ARIA, сумісність із програмою зчитування з екрана
- Оптимізовано для мобільних пристроїв – зручно для сенсорного керування з більшими цілями дотику
- Візуальний зворотний зв'язок – чітка індикація вибраного параметра
- Підтримка текстової довідки – додавання описів для уточнення вибору
Просте налаштування за 3 кроки
Підготуйте поле радіокнопок за лічені хвилини
Додати поле радіокнопок
Перетягніть поле «Радіокнопки» з розділу «Основні поля» у свою форму.
Додайте свої опції
Введіть підписи опцій і натисніть «Додати параметр», щоб створити список. Змініть порядок за допомогою стрілок, відредагуйте підписи та значення за потреби.
Виберіть макет та функції
Виберіть стиль макета (вертикальний, горизонтальний або сітка), за бажанням додайте опцію «Інше» або «Жоден з перерахованих вище», за потреби встановіть вибір за замовчуванням.
🎉 От і все! Ваші радіокнопки готові до вибору одного варіанта.
Програми реального світу
Опитування та відгуки
* Рейтинги задоволеності (від дуже задоволеного до дуже незадоволеного)
* Шкали згоди (Повністю згоден/згодна до Повністю не згоден/незгодна)
* Питання щодо частоти (щоденно, щотижня, щомісяця, рідко, ніколи)
* Питання щодо оцінювання (1-5 зірок, від «Відмінно» до «Погано»)
Електронна комерція
* Вибір розміру виробу (Small, Medium, Large, XL)
* Кольорові уподобання
* Вибір способу доставки
* Варіанти подарункового пакування
Реєстраційні форми
* Вибір статі
* Вибір вікового діапазону
* Рівень досвіду (початковий, середній, просунутий)
* Вибір рівня членства
Бізнес-додатки
* Рівень пріоритету (Високий, Середній, Низький)
* Вибір відділу
* Налаштування контакту (електронна пошта, телефон, SMS)
* Варіанти бюджетного діапазону
Освіта та навчання
* Вибір рівня курсу
* Уподобання щодо темпу навчання
* Доступність за розкладом
* Тип сертифікації
Охорона здоров'я та оздоровлення
* Вибір типу зустрічі
* Вибір страхової компанії
* Тяжкість симптомів (легкий, помірний, тяжкий)
* Перевага щодо консультації
Заповніть параметри поля
Основна конфігурація
- Мітка поля – питання або заголовок, що відображається над радіокнопками
- Опис/Довідковий текст – Додаткові інструкції для користувачів
- Обов’язкове поле – Зробити вибір обов’язковим
- Заповнювач – не застосовується для радіокнопок
Макет і презентація
- Стиль макета
- Вертикальні (у стовпчику) – по одному на рядок
- Горизонтальні (в ряд) – поруч
- Сітка (2 колонки) – збалансоване розташування
Параметри перемикачів
- Додати опції – Створіть свій список варіантів
- Відображати текст – що бачать користувачі
- Значення – що надсилається разом із формою
- Змінити порядок – переміщення параметрів вгору/вниз
- Видалити – Видалити параметри
Вибір за замовчуванням
Вибране значення за замовчуванням – попередньо виберіть опцію або залиште поле порожнім, якщо значення за замовчуванням не вказано
Спеціальні параметри
- Додати опцію «Інше» – дозволити введення власного тексту
- Інший параметр – налаштуйте текст «Інше» (за замовчуванням: «Інше (будь ласка, уточніть)»)
- Додати опцію «Жоден з перерахованих вище» – додати явний варіант невибору в кінці
Додаткові можливості
Випадковий порядок – відображати параметри у випадковому порядку (корисно для опитувань, щоб запобігти упередженості порядку)
Умовна логіка
- Увімкнути умовну логіку – показувати/приховувати на основі умов
- Логічний тип
- Усі умови мають бути виконані (ТА)
- Будь-яка умова може бути виконана (АБО)
- Правила умов
- Показати/Приховати – Дія, яку потрібно виконати
- Поле – яке поле перевіряти
- Оператор – Дорівнює, Не дорівнює, Містить, Більше ніж, Менше ніж, Пусто, Не пусто
- Значення – значення порівняння
- Кілька умов – додавання необмеженої кількості правил
Інші варіанти
- Приховане поле – Зробити поле невидимим, але включити вибране значення у відправлені дані
- Користувацькі CSS-класи – Застосування власного стилю
- Атрибути доступності – мітки та описи ARIA
Чому варто обрати наше поле радіокнопок?
✅ Гнучкі макети – Вертикальне, горизонтальне або сітчасте розташування
✅ Особливості опитування – Випадковий порядок для отримання неупереджених результатів
✅ дружній – Опція «Інше» для власних відповідей
✅ Повний контроль – Легке додавання, редагування, зміна порядку, видалення
✅ Розумні налаштування за замовчуванням – Попередньо виберіть поширені або рекомендовані варіанти
✅ Professional – «Жодне з перерахованого вище» для належних опитувань
✅ Оптимізовано для мобільних пристроїв – Зручний для сенсорного керування з ідеальними цілями для натискання
✅ Доступний – Навігація з клавіатури та підтримка зчитування з екрана
✅ Повністю інтегрований – Бездоганно працює з усіма функціями форми
Поширені запитання
З: Яка різниця між радіокнопками та прапорцями?
Перемикачі дозволяють вибрати лише один варіант. Прапорці дозволяють вибрати кілька варіантів. Використовуйте перемикач для вибору одного варіанта, а прапорці для вибору будь-якого.
З: Чи можуть користувачі змінити свій вибір радіо?
Так. Вибір нового перемикача автоматично скасовує вибір попереднього.
З: Коли слід використовувати вертикальне чи горизонтальне розташування?
Використовуйте вертикальне розташування для довших списків або довгих підписів, горизонтальне для коротких наборів із двох або трьох варіантів, а сітчасте розташування для груп варіантів середнього розміру.
З: Як працює опція «Інше»?
Вибір пункту «Інше» відкриває текстове поле, де користувачі вводять власну відповідь. Надсилаються як вибір, так і текст.
З: Що робить випадковий порядок?
Щоразу, коли форма завантажується, порядок опцій змінюється, щоб зменшити упередженість у відповідях.
З: Чи варто мені встановити вибір за замовчуванням?
Встановіть одне поле, якщо хочете пришвидшити виконання або допомогти користувачам. Залиште поле порожнім, якщо потрібно, щоб вони зробили свідомий вибір.
З: Для чого призначена опція «Жоден з перерахованих вище»?
Це дозволяє користувачам вказати, що жоден із перелічених варіантів не застосовується, що підвищує точність і запобігає нав'язливим відповідям.
З: Чи можу я мати різні відображуваний текст та надіслані значення?
Так. Користувачам відображається відображаний текст, а значення, що зберігається в поданих даних, може бути чіткішим або структурованішим.
З: Як змінити порядок опцій перемикачів?
Використовуйте стрілки вгору та вниз поруч із кожним варіантом, щоб перемістити їх у потрібному порядку.
З: Чи можуть бути обов'язковими радіокнопки?
Так. Увімкніть «Обов’язкове поле», і користувачі повинні вибрати опцію перед надсиланням.
З: Чи працюють радіокнопки на мобільних пристроях?
Так. Вони використовують сенсорне керування та автоматично розміщуються вертикально на маленьких екранах.
З: Чи можна використовувати умовну логіку з радіокнопками?
Так. Показувати або приховувати поля залежно від вибраного параметра за допомогою умов «Дорівнює» або подібних.
