Динамическое количество полей ввода с использованием WTForms

Question

возможно ли использовать Flask и WTForms для генерации динамического количества полей ввода?

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

Конечно, каким-то образом мой бэкэнд должен распознавать их как отдельные поля ввода

например:.

{% for i in range(5) %}
    {{ form.ingred }}
{% endfor %}

отображает 5 полей ингредиентов (здесь 5 может быть переменной), но они совместно используют свои входные данные. Можно ли получить их индивидуальные данные?

Answer 1

Самый быстрый и простой способ создания динамических форм, подобных этому, - это предварительно выделить форму:

class MyForm(FlaskForm):
    input_1 = ..
    ..
    input_20 = ..

Но выведите на экран только некоторые из них, используя render_kw args для настройки свойств стиля или класса css.

Затем напишите функции Javascript на стороне клиента, чтобы показать конкретные поля ввода, когда пользователь заинтересован в добавлении другого элемента.