Начало работыОснова Falcon SpaceРуководстваВозможностиКоммуникация пользователейТаблицыФормыПоля формыДизайн, стилизация, юзабилитиЛендингиИнтеграцииУниверсальный APIКаталогиНавигацияДокументыДополнительные компонентыПродвижение, SEOСистемные моментыСистемное администрированиеHOWTOЗагрузка файлов, картинокHOWTO SQLHOWTO JSHOWTO ВерсткаРешение проблемСоветы по реализации
Falcon Space - платформа для создания сайтов с личными кабинетами
В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Список типов полей формы
Время чтения - 4 мин.Дата публикации 17.10.2025 (обновлено 02.12.2025)
У каждого поля есть свой тип, который определяет вид и функциональность этого поля.
Пример полей формы на демостенде
Вы можете использовать следующие типы полей
- Editor (CSS), editorCSS - редактор CSS с подсветкой синтаксиса
- Editor (HTML), editorHTML - редактор HTML с подсветкой синтаксиса
- Editor (JS), editorJS - редактор JS с подсветкой синтаксиса (если нужно отменить возможность форматировать код - ставим CSS класс as-disableAutoFormat)
- Editor (SQL), editorSQL - редактор SQL с подсветкой синтаксиса
- hidden - input type=hidden поле. Просто значение поля прокидывается из GetItem в SaveItem через форму (внимание, пользователь может его изменить через HTML).
- HTML, html - Rich редактор tinyMCE(старая версия)
- HTML2, html2 - Rich редактор tinyMCE(новая версия)
- HTML Lite, html-lite - выбор Rich редактора tinyMCE в упрощенном виде
- HTML5 Color, html-color - редактирование цвета
- HTML5 Date, html-date - поля для ввода даты. Форма сохранения YYYY-MM-DD (и не зависит от настройки в GetLayoutInfo dateFormat!)
- HTML5 Datetime local, html-datetime-local - поле для ввода даты и времени без учета часового пояса. Формат сохранения YYYY-MM-DDTHH:MM, ВАЖНО - datatime-local не работает в Firefox (поэтому используйте в большинстве случаев поля date + time).
- HTML5 Email, html-email - редактирование email
- HTML5 Month, html-month - выбор месяца. Формат сохранения YYYY-MM.
- HTML5 Number, html-number - выбор числа
- HTML5 Tel, html-tel - поле для телефона (установка формата делается через GetLayoutInfo, параметр phoneFormat, а для лендов добавить hidden поле с классом as-phoneFormat, и value="+d ddd-ddd-dddd")
- HTML5 Time, html-time - поле для ввода времени/ Формат сохранения HH:MM
- HTML5 Url, html-url - поле для ввода URL
- HTML5 Week, html-week - выбор недели. Формат сохранения 2020-W01 (YYYY-WWW).
- localStorage, sessionStorage, cookie, urlParameter - скрытые поля для передачи параметров в saveItem из куки, локальных ресурсов браузера или из URL.
- Альтернативный способ выбора содержимого текстовых файлов, textFile - файл не грузится на сервер, а содержимое файлов извлекается из него прямо в браузере. Подробнее.
- Ввод пароля, password - используется в формах регистрации. Скрывает ввод в виде звездочек.
- Выбор radio, radio - одиночный выбор через радиокнопки (в стиле связанных кнопок Bootstrap)
- Выбор иконки, iconPicker - выбор иконки Font Awesome. В базе значение хранится в текстовом виде, например, fas fa-search
- Выбор времени, time - выбор времени из выпадающего списка
- Выбор диапазона дат, daterange - (формат даты можно задать через настройку format либо использовать глобальную настройку dateFormat в GetLayout)
- Выбор места (гео), geo-autocomplete - вывод поля с поиском геолокации. Формат хранения значения - {lat}||{lon}||{geotext}||{JSONOptions}
- Выбор файла, files - можно добавлять файлы к форме (в том числе и в форме на добавление, когда еще нет сущности, к которой привязывать файлы). Подробнее.
- Дата выбор, date - выбор даты через плагин Datepicker (формат устанавливается в GetLayout в параметре dateFormat).
- Дерево с галочками, treeCheckboxes - выбор галочек в иерархическом списке
- Дробное число, float - число с плавающей точкой
- Картинки Radio, imageRadio - выбор через радиокнопки с картинкой
- Картинки Флажки, imageCheckboxes - выбор флажков с картинками.
- Многострочный текст, text - вывод textarea
- Переключатель, switch - чекбокс в виде переключателя (Да, Нет). В placeholder можно задать текст вместо Да/Нет. Для изменения размера можно передать классы в GetItem SELECT 1 ( 'as-switch-large' class_immediatelyLoad). as-switch-large, as-switch-mini, as-switch-small
- Подсказки dadata, dadata - поле с выпадающими подсказками по разным объектам - адреса, компании, банки и т.д. (демо)
- Слайдер значений, slider - выбор числа или диапазона чисел в виде ползунка.
- Содержимое файла, fileContent - загрузка файла через менеджер ресурсов и передача его содержимого в SQL процедуру в виде строки. Подробнее.
- Сортировка дерева, treeOrder - управление структурой дерева через Drag&Drop
- Список chosen, chosen - выбор из списка с возможностью поиска
- Список, select - комбосписок для одиночного выбора. Подробнее
- Список множественный chosen, chosenMiltiple - множественный выбор элементов из списка (в сохранение они идут как id через запятую).
- Список-поиск, select-search - поиск через autocomplete
- Список 2 (более функциональный), select2 - выбор элемента с поиском, добавлением элемента
- Стандартный выбор radio, defaultRadio - стандартный выбор из радиополей.
- Строка по шаблону, patternString - вводим некую строку, разбираем регулярным выражением и выводим разметку с неким значением (например, ввод ютуб ссылки и вывод iframe)
- Строка, string - текстовое поле в 1 строку
- Таймер, timer - поле, которое позволяет запускать таймер по секундам. Время в итоге передается в виде mm:ss.
- Установка рабочего графика, weekTime - позволяет выбрать определенные часы в неделе.
- Флажки, checkboxes - множественный выбор через галочки
- Флажок, bool - чекбокс
- Файл на внешнем ресурсе, remoteFile - указание URL и передача в процедуру saveItem тела файла, загруженного по данному URL. Подробнее.
- Целое число, int - целочисленное число
- Цвет множ. colorCheck, цвет colorRadio - выбор цвета (одиночный и множественный). В value - цвет, в text - текст (необязательно).
- Градиент, gradient - выбор градиента с несколькими цветовыми маркерами.
Примечание: если HTML5 будут введены некорректно, то они подсвечиваются розовым и форма не будет сохраняться, пока не будут исправлены ошибки.
Некоторые типы полей имеют дополнительные настройки в GetItem SELECT 1 в параметрах options_{code}. Подробнее
Связанные статьи
— Поле Список поиска значения (autocomplete, search-select)— Как в форме вывести список галочек (множественный выбор поля)
— Как выводить и сохранять множественный список через chosen поле.
— Как сделать списки select и chosen с категориями (optgroup)
— Управление настройками поля через options_ поля
Google поиск по нашей документации
Запрос расчета стоимости веб-проекта на базе Falcon Space
- Шаг 1. Создать концепт проекта
- Шаг 2. Получить оценку бюджета (КП)
- Шаг 3. Заключить договор
- Шаг 4. Создать совместно техническое задание
- Шаг 5. Поэтапная реализация проекта