радио кнопки
Собирайте ответы на отдельные вопросы четко и стильно. От простых вопросов типа «да/нет» до сложных вопросов с несколькими вариантами ответа, с гибким интерфейсом, настраиваемыми параметрами и интеллектуальными функциями — поле «Радиокнопки» гарантирует, что пользователи выберут ровно один ответ из вашего списка.
Идеально подходит для вопросов с одним вариантом ответа.
Идеально для:
Мощные функции для любого сценария использования
🎨 Гибкие варианты планировки
Три профессиональных варианта оформления:
- Вертикальное (наложенное) расположение – варианты отображаются по одному в строке, расположенные вертикально друг над другом. Наиболее традиционный и читаемый макет для длинных описаний вариантов.
- Горизонтальное (встроенное) расположение – варианты отображаются рядом друг с другом в ряд. Идеально подходит для коротких этикеток и компактных форм.
- Сетка (2 столбца) – Варианты, расположенные в двухстолбцовой сетке. Экономит место, сохраняя при этом читаемость.
Выбрать на основе:
- Вертикальный стиль: длинные описания вариантов, подробные варианты выбора, традиционные формы.
- Горизонтальный формат: 2-5 коротких вариантов ответа (Да/Нет, Мужской/Женский и т. д.).
- Сетка: 4+ варианта средней длины, сбалансированная компоновка.
Реакционное поведение:
Все макеты автоматически адаптируются к экранам мобильных устройств, при необходимости располагаясь вертикально друг над другом для более удобного сенсорного взаимодействия.
🎲 Рандомизация порядка опционов
Рандомизация экспертного уровня
Меняйте порядок вариантов при каждой загрузке формы. Это устраняет предвзятость в отношении позиций в опросах, анкетировании и исследовательских формах.
Зачем нужна рандомизация?
- Предотвращает смещение порядка проведения опросов.
- Обеспечивает справедливое распределение при отборе.
- Профессиональная методология исследования
- Улучшает качество данных
Идеально для:
- Анкеты и опросные формы
- A/B-тестирование и исследования
- Опрос и голосование
- Исследования предпочтений
Разумное поведение:
Специальные варианты, такие как «Другое» и «Ничего из вышеперечисленного», могут оставаться внизу, даже если основные варианты выбираются случайным образом.
❌ Вариант «Ни один из вышеперечисленных»
Явный отказ от выбора
Добавьте в конец списка вариант «Ничего из вышеперечисленного» или «Неприменимо». Это даст пользователям понятный способ указать, что ни один из вариантов не подходит.
Зачем это включать?
- Предотвращает принудительный выбор
- Повышает точность данных
- Показывает все доступные варианты.
- Снижает количество отказов от заполнения форм.
Идеально для:
- Дополнительные вопросы о предпочтениях
- Вопросы в формате «Выберите все подходящие варианты»
- Проверяющие квалификацию
- Выбор интересов
Умное позиционирование:
Вариант «Нет» всегда отображается последним, обеспечивая четкое отличие от обычных вариантов.
🔧 Простое управление опционами
Полный контроль над выбором:
- Добавить параметры – введите и нажмите «Добавить параметр» или нажмите Enter. Создайте свой список за считанные секунды.
- Редактировать параметры — Изменяйте отображаемый текст (то, что видят пользователи) и значения (то, что вводится) независимо друг от друга.
- Изменить порядок параметров – используйте стрелки вверх/вниз, чтобы расположить параметры в нужном порядке.
- Удаление параметров – Удаление параметров одним щелчком мыши. Ни один параметр не является окончательным.
Внешний вид против ценности:
- Метка: Что видят пользователи (например, «Отличное обслуживание»)
- Значение: то, что хранится в базе данных (например, «excellent_service»).
Массивное строительство:
Быстро добавляйте несколько вариантов, вводя текст и нажимая Enter, затем снова вводя текст и снова нажимая Enter — быстрое создание вариантов для длинных списков.
✅ Выбор по умолчанию
Предварительно выберите вариант
Выберите, какой переключатель будет выбран по умолчанию при загрузке формы. Он направляет пользователей к часто используемым ответам или выделяет рекомендуемые варианты.
Случаи использования:
Выберите наиболее распространенный ответ заранее, чтобы ускорить выполнение задания.
Выделите рекомендуемый вариант (например, тарифный план «Наилучшее соотношение цены и качества»).
Установить вариант соглашения по умолчанию (условия приняты)
Направьте пользователей к предпочтительному выбору.
Или без значения по умолчанию:
Оставьте все варианты невыбранными, требуя от пользователей активного выбора. Идеально подходит для вопросов, требующих осознанного выбора.
✏️ Вариант «Другое» с текстовым полем ввода
Пользовательская коллекция ответов
Добавьте опцию «Другое», при выборе которой появится текстовое поле для ввода. Пользователи смогут указать свой собственный ответ, если ни один из предустановленных вариантов не подходит.
Настраиваемая метка:
- Измените текст в поле «Другое» в соответствии с вашими потребностями:
- «Другое (укажите, пожалуйста)»
- "Что-то другое"
- «Индивидуальный ответ»
- «Не указано»
Как это работает:
Когда пользователи выбирают «Другое», мгновенно появляется текстовое поле для ввода собственного ответа. Отправляются как выбранный вариант «Другое», так и текст ответа.
Случаи использования:
- «Как вы узнали о нас?» с указанием индивидуального источника перехода.
- Предпочтения по товару с неуказанными опциями
- Категории обратной связи с пометкой «Другие вопросы»
- Любой список, который не может охватить все возможности.
🔀 Условная логика
Динамическая видимость радиокнопок
Отображение или скрытие полей с переключателями в зависимости от других значений формы. Создание интеллектуальных форм, которые адаптируются к выбору пользователя.
Расширенные правила логики:
- Логика И – все условия должны быть выполнены.
- Логика ИЛИ – любое условие может инициировать действие.
- 8 операторов: Равно, Не равно, Больше, Меньше, Содержит, Пусто и больше.
Случаи использования:
- Отображать варианты товара можно только при выборе типа товара.
- Отображать параметры доставки, если способ доставки установлен на «Экспресс».
- Скрыть варианты оплаты, если общая сумма заказа меньше 100 долларов.
- На основе первоначального ответа могут быть заданы дополнительные вопросы.
🎯 Улучшенный пользовательский опыт
Встроенные интеллектуальные функции:
- Ограничение выбора одного варианта — одновременно можно выбрать только один вариант (стандартное поведение переключателя).
- Обязательная проверка — сделайте выбор обязательным с четкими сообщениями об ошибках.
- Навигация с помощью клавиатуры — клавиши со стрелками позволяют переключаться между параметрами для обеспечения доступности.
- Пользовательские CSS-классы — примените индивидуальные стили в соответствии с вашим фирменным стилем.
- Поддержка специальных возможностей – метки ARIA, совместимость с программами чтения с экрана.
- Оптимизировано для мобильных устройств – удобное сенсорное управление с увеличенными областями касания.
- Визуальная обратная связь – четкое указание на выбранный вариант.
- Поддержка текстовых справок — добавьте описания для уточнения вариантов выбора.
Простая настройка в 3 шага.
Подготовьте поле с радиокнопками за считанные минуты.
Добавьте поле «Радиокнопки».
Перетащите поле «Радиокнопки» из раздела «Основные поля» в форму.
Добавьте свои параметры
Введите названия вариантов и нажмите «Добавить вариант», чтобы создать список. Изменяйте порядок с помощью стрелок, редактируйте названия и значения по мере необходимости.
Выберите макет и функции
Выберите стиль компоновки (вертикальный, горизонтальный или сетка), при желании добавьте вариант «Другое» или «Ничего из вышеперечисленного», при желании установите выбор по умолчанию.
🎉 Вот и всё! Ваши радиокнопки готовы для выбора одного варианта ответа.
Реальные приложения
Опросы и отзывы
* Рейтинг удовлетворенности (от «Очень доволен» до «Очень недоволен»)
* Шкала согласия (от «Полностью согласен» до «Полностью не согласен»)
* Вопросы о частоте (Ежедневно, Еженедельно, Ежемесячно, Редко, Никогда)
* Вопросы для оценки (от 1 до 5 звезд, от «Отлично» до «Плохо»)
Электронная коммерция
* Выбор размера изделия (маленький, средний, большой, очень большой)
* Цветовые предпочтения
* Варианты способа доставки
* Варианты подарочной упаковки
Регистрационные формы
* Выбор пола
* Варианты возрастных категорий
* Уровень подготовки (Начинающий, Средний, Продвинутый)
* Выбор уровня членства
Бизнес-приложения
* Уровень приоритета (высокий, средний, низкий)
* Выбор отдела
* Предпочтительный способ связи (электронная почта, телефон, SMS)
* Варианты бюджетного диапазона
Образование и обучение
* Выбор уровня курса
* Предпочтительный темп обучения
* Доступность по расписанию
* Тип сертификации
Здравоохранение и благополучие
* Выбор типа записи на прием
* Выбор страховой компании
* Степень тяжести симптомов (легкая, умеренная, тяжелая)
* Предпочтения по консультации
Полные параметры поля
Базовая конфигурация
- Метка поля – вопрос или заголовок, отображаемый над переключателями.
- Описание/Текст справки – Дополнительные указания для пользователей
- Обязательное поле – Сделайте выбор обязательным
- Заполнитель – Не применяется для радиокнопок
Макет и презентация
- Стиль макета
- Вертикальное (наложенное) расположение – по одному на строку.
- Горизонтальное (в линию) расположение рядом друг с другом
- Сетка (2 столбца) – сбалансированная компоновка.
Параметры переключателей
- Добавить варианты – Составьте список вариантов
- Отображаемый текст — то, что видят пользователи.
- Ценность – то, что предоставляется вместе с формой.
- Изменить порядок — переместить параметры вверх/вниз
- Удалить – удалить параметры
Выбор по умолчанию
Значение по умолчанию — выберите нужный вариант заранее или оставьте поле пустым, если значение по умолчанию не выбрано.
Специальные опции
- Добавить опцию «Другое» — разрешить ввод пользовательского текста.
- Метка «Другой вариант» — настройте текст «Другое» (по умолчанию: «Другое (пожалуйста, укажите)»).
- Добавить вариант «Ничего из вышеперечисленного» — добавить в конце явный выбор, не предполагающий выбора.
Расширенные функции
Случайный порядок — показывать варианты в случайном порядке (полезно для опросов, чтобы предотвратить предвзятость в порядке следования).
Условная логика
- Включить условную логику — показывать/скрывать в зависимости от условий.
- Тип логики
- Все условия должны быть соблюдены (И)
- Любое условие может быть выполнено (ИЛИ)
- Условия Правила
- Показать/Скрыть – Действие, которое необходимо выполнить
- Поле – Какое поле нужно отметить
- Операторы: Равно, Не равно, Содержит, Больше, Меньше, Пусто, Не пусто
- Ценность – Сравнительная ценность
- Множество условий – добавляйте неограниченное количество правил
Другие варианты
- Скрытое поле — сделать поле невидимым, но включить выбранное значение в отправленные данные.
- Пользовательские CSS-классы — применение пользовательских стилей.
- Атрибуты доступности – метки и описания ARIA
Почему стоит выбрать наше поле с переключателями?
✅ Гибкие макеты – Вертикальное, горизонтальное или сетчатое расположение
✅ Особенности опроса – Для получения объективных результатов порядок действий следует выбирать случайным образом.
✅ Удобный – Вариант «Другое» для пользовательских ответов
✅ Полный контроль – Удобные функции добавления, редактирования, изменения порядка и удаления.
✅ Умные настройки по умолчанию – Предварительно выберите распространенные или рекомендуемые варианты.
✅ Профессионализм – «Ничего из вышеперечисленного» для корректного проведения опросов.
✅ Оптимизировано для мобильных устройств – Удобное сенсорное управление с идеальной точкой касания
✅ Доступный – Поддержка навигации с помощью клавиатуры и программ чтения с экрана.
✅ Полностью интегрированный – Бесперебойно работает со всеми функциями формы.
Часто задаваемые вопросы
В: В чем разница между переключателями (радиокнопками) и флажками (флажками)?
Переключатели позволяют выбрать только один вариант. Флажки позволяют выбрать несколько вариантов. Используйте переключатели для выбора одного варианта, а флажки — для выбора любого варианта.
В: Могут ли пользователи изменить свой выбор радиостанций?
Да. Выбор новой радиокнопки автоматически отменяет выбор предыдущей.
В: Когда следует использовать вертикальную, а когда горизонтальную компоновку?
Используйте вертикальное расположение для длинных списков или длинных заголовков, горизонтальное — для коротких наборов из двух или трех вариантов, а сеточную компоновку — для групп вариантов среднего размера.
В: Как работает опция «Другое»?
При выборе варианта «Другое» открывается текстовое поле, где пользователи вводят свой собственный ответ. В поле вводятся как выбранный вариант ответа, так и сам текст.
В: Что делает команда randomize order?
При каждой загрузке формы порядок вариантов ответов меняется, чтобы уменьшить предвзятость в ответах.
В: Нужно ли устанавливать значение по умолчанию?
Установите один из параметров, если хотите ускорить заполнение или помочь пользователям. Оставьте поле пустым, если вам нужно, чтобы они сделали осознанный выбор.
В: Для чего нужен вариант «Ни один из вышеперечисленных»?
Это позволяет пользователям указывать, что ни один из перечисленных вариантов не подходит, повышая точность и предотвращая принудительные ответы.
В: Могу ли я использовать разные текстовые поля для отображения и для отправленных значений?
Да. Пользователям отображается текст, а значение, хранящееся в отправленных данных, может быть более понятным или структурированным.
В: Как изменить порядок вариантов переключателей?
Используйте стрелки вверх и вниз рядом с каждым вариантом, чтобы переместить их в нужном вам порядке.
В: Могут ли быть обязательными переключатели (радиокнопки)?
Да. Включите опцию «Обязательное поле», и пользователи должны будут выбрать вариант ответа перед отправкой.
В: Работают ли радиокнопки на мобильных устройствах?
Да. Они используют сенсорное управление и автоматически располагаются вертикально на небольших экранах.
В: Можно ли использовать условную логику с переключателями (радиокнопками)?
Да. Поля можно отображать или скрывать в зависимости от выбранного варианта, используя условие «Равно» или аналогичное.
