Ползунок

Обновлено 02.11.2026

Ползунок — это элемент формы, которым выбирают число из заданного диапазона. Человек двигает бегунок, а не вводит цифры. В калькуляторе им обычно задают площадь, срок или количество.

В некоторых случаях клиенту удобно выбрать число, просто потянув ползунок из предоставленного диапазона. Чтобы добавить элемент «Ползунок» в форму, вам необходимо кликнуть на выбранный пункт или перетащите его вправо, тогда справа вы увидите добавленный элемент:

Добавление элемента Ползунок

После того, как вы добавили элемент «Ползунок», нажмите на иконку «Редактировать» и перед вами откроется всплывающее окно редактирования данного элемента:

Иконка редактирования ползунка

В режиме редактирования доступны поля для элемента «Ползунок», где можно задать минимальное значение, максимальное значение, шаг при движении ползунка, а также можно задать «Значение по умолчанию», которое изначально будет выбрано в элементе «Ползунок»:

Минимум, максимум, шаг и значение по умолчанию

Чтобы просмотреть уже настроенную форму, кликните на иконку «Просмотр» и в вашем браузере в новой вкладке откроется форма:

Просмотр формы с ползунком

Значение и описание других полей вы можете посмотреть здесь: «Основные параметры элементов».

Основные параметры элемента Ползунок

В разделе «Внешний вид» вы можете настроить цвет фона активной части ползунка и цвет фона общей шкалы ползунка: цвет фона 1, цвет фона 2. А также цвета шрифта:

Цвета ползунка в разделе Внешний вид

Пример настроенного ползунка

После того, как вы добавили элемент «Ползунок», нажмите на иконку «Редактировать» и перед вами откроется всплывающее окно редактирования данного элемента:

Иконка редактирования ползунка

В режиме редактирования доступны поля для элемента «Ползунок», где можно задать минимальное значение, максимальное значение, шаг при движении ползунка, а также можно задать «Значение по умолчанию», которое изначально будет выбрано в элементе «Ползунок»:

Минимум, максимум, шаг и значение по умолчанию

Чтобы просмотреть уже настроенную форму, кликните на иконку «Просмотр» и в вашем браузере в новой вкладке откроется форма:

Просмотр формы с ползунком

Значение и описание других полей вы можете посмотреть здесь: «Основные параметры элементов».

Основные параметры элемента Ползунок

В разделе «Внешний вид» вы можете настроить цвет фона активной части ползунка и цвет фона общей шкалы ползунка: цвет фона 1, цвет фона 2. А также цвета шрифта:

Цвета ползунка в разделе Внешний вид

Пример настроенного ползунка

Что такое ползунок?

Элемент выбора числа движением бегунка.

Чем ползунок отличается от поля «Цифры»?

В поле число печатают. Ползунок ограничивает выбор минимумом, максимумом и шагом.

Комментарии

Закажите разработку формы под ключ

Нет времени разбираться со всеми настройками самому? Не проблема!
Заказать форму
Закажите разработку веб-формы у нас
Ужасно низкие цены! Скидки 40% на оплату годовых тарифов!
Подробнее