Как обновить поле Integer в колбе из ввода HTML

Question

Это мой интерфейс. Я хочу обновить поле, когда нажимаю на кнопку +:

Я хочу создать форму GoogleКак и приложение, использующее колбу, я создал тип ввода для добавления нового поля формы (в настоящее время это не поле формы).Я хочу обновить нет.поля, когда я нажимаю на ввод.

Я отправляю запрос на публикацию, когда нажимаю на ввод.тогда я проверяю, является ли это пост-запросом, тогда я обновляю свое целочисленное поле.Но он обновляется только один раз.

abform.py

class Abform(FlaskForm):
    name = StringField('Name', validators=[DataRequired(), Length(min=2, max=20)])
    count = IntegerField('Count',default=1)
    submit = SubmitField('Submit')


@app.route("/home",methods=['POST','GET'])
def home():
    form=Abform()
    if request.method=='POST':
        form.count.data+=1
     list_type= ['int', 'string', 'text', 'boolean']
    return render_template('home.html', list_type=list_type,form=form)

home.html

    <form method='POST' action="{{url_for('home')}}">

            <input type="submit" value='+'>
            </br>
        </form>
            <form method='POST' action="{{url_for('home')}}">
                <div class="form-group"> 

            {% for i in range(form.count.data)%}
                {{i+1}}
                {{ form.name(class="form-control form-control-lg is-invalid") }}
                    <select name= list_type method="GET" action="/">
                    {% for c in list_type %}
                    <option value= "{{c}}" SELECTED>{{c}}</option>"
                    {% endfor %}

                </select>
              <button type="button" data-toggle="fieldset-add-row" data-target="#phone-fieldset">-</button>
            </br>
            {% endfor %}
             {{ form.submit(class="btn btn-outline-info") }}
        </div>
        </div>
      </form>

Я хочу, чтобы когда я нажимал на кнопку (тип ввода)которая является второй строкой в ​​файле HTML, я получаю другое поле.