Question

是否可以使用Flask和WTForms生成动态数量的输入字段？

例如，在一个食谱网站上，当您想添加一个食谱时，我想为成分添加多个输入字段。该站点应与一个用于确定成分x的选择器字段一起，应显示成分的x输入字段。

当然，我的后端应该以某种方式将它们识别为单独的输入字段

例如：

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

显示5个成分字段（此处5个变量可以是ofc），但是它们共享输入数据。可以获取他们的个人数据吗？

Answer 1

构建动态表单的最快，最简单的方法是预先分配表单：

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

但是使用render_kw args仅显示其中一些，以配置样式属性或CSS类。

然后在客户端编写Javascript函数，以在用户有兴趣添加另一项时显示特定的输入字段。