Войти

Войти

 

Динамические web формы

Чтобы сделать веб-форму динамической, нужно задать правила по которым будут скрываться или показываться поля на форме. Это можно сделать в меню Динамические формы

Разработка сайта, веб-форм для сайта, а также дальнейшее сопровождение сайта, стало намного легче осуществить с появлением конструктора сайтов онлайн MyTaskHelper. Мы занимаемся обслуживанием сайта, а вам нужно только создать и встроить базу данных или форму на ваш сайт.

 

Наверняка, многие пользователи Интернета, заполняя различные формы регистрации, заказов и прочие, обращали внимание на возникновение дополнительных полей в случае выбора какого-либо варианта ответа. Это не только яркий и запоминающийся ход со стороны создателей виджетов, но и весьма комфортный.

 

Ведь бывает такое, что человек живет в деревне, а в форме требуется указать город. Вот и думай тогда, как внести адрес, чтобы отправителю не пришлось думать о том, куда отправить заказ. В таких случаях динамические виджеты просто незаменимы. Вот о них и поведем сегодня речь.

 

Такая функциональность недавно появилась в конструкторе форм MyTaskHelper. Как всегда, новая услуга сервиса не вызовет затруднения в создании даже у новичков. Ведь это довольно просто. Для начала нужно создать форму, содержащую не менее, чем две графы. Следующим этапом создания подвижной формы будет указание условия и необходимого значения для каждой графы.

 

Таким образом, при выполнении какого-либо условия заполнения, поля будут появляться или прятаться. Стоит отметить, что такая форма может привлечь внимание даже бывалых юзеров различных веб-ресурсов, так как она выглядит очень презентабельно и не вызывает затруднений при внесении записей.

 

Рассмотрим создание "подвижного" виджета пошагово

 

Для примера возьмем форму заказа автомобилей, в которой необходимо задать значение таким образом, чтобы при выборе определенной марки авто, появлялись поля с моделями данного производителя.

 

Итак, первое условие для начала работы - не менее двух полей в рабочей базе, второе - включение JavaScript в браузере. Кликаем по меню "Формы" и закидываем на создающийся проект нужные поля. В рассматриваемом случае нужно указать такое значение, при котором графа "Модель автомобиля" будет появляться только после указания определенной марки.

 

Для того чтобы указать правило, которому будет подчиняться выбранное поле, нажимаем кнопочку Динамические формы.

 

В открывшемся окне выбираем необходимый объект (поле, для которого определяется значение), ставим условие для него и задаем желаемое значение. Но это еще не все. Важно не забыть указать, какое поле скрыть, а какое показать при выполнении уставленного положения.

 

Для каждого типа графы существует целый ряд критериев. Такие типы, как "строка текста" и "многострочный текст" имеют такой набор критериев, как "пусто", "заполнено", "начинается с", "содержит", "не содержит", " состоит (не состоит) из", " на подобии".

 

Для поля, в котором задается дата рождения или заполнения можно определить следующие критерии: "содержит" - "не содержит", "пусто" - "не пусто", "до" - "после".

 

Для любых полей, которые подразумевают числовое заполнение, существует особый перечень критериев: "содержит" - "не содержит", "пусто" - "заполнено", "меньше или больше чем", " меньше (или больше) либо равняется".

 

Правила можно применять не только к одному полю, а хоть ко всем. При необходимости можно перейти на страничку, на которой прописываются все правила, просмотреть их и добавить.

 

После того как виджет полностью создан, можно задать желаемый дизайн web формы и интегрировать ее на любой веб-ресурс. Наслаждаясь визуальным результатом своего труда, можно увидеть, как при введении марки автомобиля появляется поле, содержащее список моделей выбранной марки.


Пожалуйста, войдите в QuintaDB чтобы иметь возможность оставлять комментарии
Поделиться обсуждением в социальных сетях: