Навигация по разделу

Фильтры

Элементы форм

Фильтры

Фильтры с кнопкой

Радио

Радио с поиском

Чекбокс

Переключатель

Выбор даты

Выбор декады

Дата

За эту декаду

За прошлую декаду

Выбрать декаду

За все время

За последний месяц

За последний год

Выбрать период (декада)

Выбор месяца

Дата

За этот месяц

За прошлый месяц

Выбрать месяц

За все время

За последний месяц

За последний год

Выбрать период (месяц)

Выбор квартала

Дата

За этот квартал

За прошлый квартал

Выбрать квартал

За все время

За последний месяц

За последний год

Выбрать период (квартал)

Выбор года (Радио)

Выбор диапазона годов

За все время

За последний месяц

За последний год

Выбрать период (год)

Фильтры с авто сабмитом после изменения

Внутри `form.filters[data-auto-submit]` можно использовать все вышеперечисленные фильтры

Элементы форм

Select

Тайтл

Подсказка (опционально)

Тайтл

Выбрано

Ошибка

Тайтл

Подсказка (опционально)

Ошибка перекрывает подсказку

Тайтл

Подсказка (опционально)

Тайтл

Неактивный

Тайтл

Неактивный выбранный

Размер XS

Размер S

Размер M

Размер L (по умолчанию)

Размер XL

Размер XXL

Подсказка размера XS

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Подсказка размера S

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Подсказка размера M

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aspernatur dolore est et hic nulla odit quisquam voluptates? Aliquam iste molestias non repellendus rerum sunt. Consectetur nemo praesentium sunt veritatis.

Подсказка размера L

Подсказка размера XL

Подсказка размера XXL

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Ошибка размера XS

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Ошибка размера S

Ошибка размера M

Ошибка размера L

Ошибка размера XL

Ошибка размера XXL

Select со скрытым полем

Input

Тайтл

Подсказка (опционально)

Тайтл

Подсказка (опционально)

Ошибка

Тайтл*

Подсказка (опционально)

Ошибка

Тайтл

Подсказка (опционально)

Ошибка перекрывает подсказку

Тайтл

Подсказка (опционально)

Ошибка перекрывает подсказку

Тайтл

Подсказка (опционально)

Тайтл

Подсказка (опционально)

Тайтл

Подсказка (опционально)

Мобильный телефон

Дата рождения

Электронная почта

Без всплывающего placeholder

Размер XS

Размер S

Размер M

Размер L (по умолчанию)

Размер XL

Размер XXL

Подсказка размера XS

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Подсказка размера S

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Подсказка размера M

Подсказка размера L

Подсказка размера XL

Подсказка размера XXL

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Ошибка размера XS

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Ошибка размера S

Ошибка размера M

Ошибка размера L

Ошибка размера XL

Ошибка размера XXL

Добавление поля

Организация, с которой связано Ваше обращение

Добавление группы полей

Название группы полей

Поле 1

Поле 2

Поле 3

Название группы полей

Поле 1

Поле 2

Поле 3

Date pickers

Выбор даты

Выбор диапазона дат

Выбор декады

Выбор диапазона декад

Выбор месяца

Выбор диапазона месяцев

Выбор квартала

Выбор диапазона кварталов

Выбор диапазона годов

Checkbox

Дефолт

Выбрано

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci deleniti earum explicabo facilis ipsum laborum, nesciunt optio quis quo quos rem sed ut vel velit, veritatis, vitae voluptatum. Adipisci, alias.

Недоступно (дефолт)

Недоступно (выбрано)

С ошибкой

Ошибка

Заголовок чекбокса

Подпись (комментарий) чекбокса

Дефолт

Checkbox group

Дефолт

Выбрано

Ошибка

Заголовок группы чекбоксов

Подпись (комментарий) группы чекбоксов

Дефолт

Выбрано

Checkbox со скрытым полем

Показать поле

Опишите проблему

Checkbox с выбором нескольких параметров

выбрать все

снять выделение

Вариант

Вариант 1 А

выделить все

снять выделение

Вариант 1 Б

Вариант 1 В

Вариант 2 А

выделить все

снять выделение

Вариант 2 Б

Вариант 2 В

Ошибка

Radio

Дефолт

Выбрано

Недоступно (дефолт)

Недоступно (выбрано)

Дефолт

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aspernatur consequatur delectus excepturi fuga ipsam libero modi non officiis perspiciatis quae, quas, quisquam quo quod recusandae repudiandae sapiente similique, vel!

Недоступно (дефолт)

Недоступно (выбрано)

Ошибка

Заголовок радио кнопок

Подпись (комментарий) радио кнопок

Дефолт

Выбрано

Radio со скрытым полем

Вариант 1

Вариант 2

Другое

Опишите проблему

Radio со скрытым полем внутри пункта

Вариант 1

Опишите проблему

Вариант 2

Другое

Textarea

File input (для асинхронной загрузки)

Заголовок (опционально)

Выберите файлы на компьютере или перетяните файлы в это поле

для загрузки

Можно загрузить не более 10 файлов следующих форматов PDF, GIF, JPG, JPEG, PNG, TIF, TIFF, WMF, DOC, DOCX, RTF, XLS, XLSX, PPS, PPT, BMP, PCX, MP3, общий объем которых не превышает 12 МБ

Удалить все

File input (обычный)

File input (обычный с ошибкой)

Заголовок (опционально)

Выберите файл на компьютере или перетяните файл в это поле

для загрузки

Можно загрузить не более 1 файла следующего формата PDF, DOC, DOCX, объем которого не превышает 12 МБ

Ошибка

Удалить

File input (обычный, multi)

Заголовок (опционально)

Выберите файлы на компьютере или перетяните файлы в это поле

для загрузки

Можно загрузить не более 10 файлов следующего формата PDF, DOC, DOCX, объем которых не превышает 12 МБ

Удалить все

Группировка элементов

Название группы

Подпись

Тайтл

Подсказка (опционально)

Тайтл

Подсказка (опционально)

Находится вне группы

Подсказка (опционально)

Заголовок вне группы

Подпись вне группы

Находится вне группы

Подсказка (опционально)

Название группы

Дефолт

Выбрано

Ошибка

Длинный заголовок группы. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti dolorum, eligendi eum excepturi exercitationem fugit mollitia nemo neque nostrum placeat provident quas qui rem! Et mollitia, nihil. Fuga, laboriosam quod?

Длинная подпись группы. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, aspernatur deserunt harum impedit inventore magni quidem repellendus reprehenderit sequi sit temporibus ut, velit voluptates! Aliquid cum incidunt laboriosam temporibus voluptatibus!

Недоступно (выбрано)

Дефолт

Текст

Тайтл

Подсказка (опционально)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid doloribus fugiat fugit ipsam iure laudantium

Тайтл

Подсказка (опционально)

Текст в несколько параграфов

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid doloribus fugiat fugit ipsam iure laudantium

Размер XS

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Размер S

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Размер M

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Размер L (по умолчанию)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid doloribus fugiat fugit ipsam iure laudantium

Размер XL

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur dicta error repudiandae sapiente sequi. Delectus eveniet placeat quos totam voluptatibus.

Размер XXL

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea modi, sapiente sint velit veritatis vitae voluptate. Debitis dolorum expedita id ipsa odio voluptate voluptates! Eligendi, harum, similique! Beatae, fugit illo.

Разделитель

Ошибки формы

Сообщение об ошибке для всей формы
Вторая ошибка

Auto submit

Тайтл

Подсказка (опционально)

Тайтл

Подсказка (опционально)

Выбор даты

Выбор диапазона дат

Дефолт

Выбрано

Дефолт

Выбрано

Актуально 2019 год 2018 год 2017 год 2016 год 2015 год

2014 год 2013 год 2012 год 2011 год 2010 год 2009 год

Актуально

Если у вкладки указан href с #..., последняя открытая вкладка переоткрывается при перезагрузке страницы