HTMLの複数のinputに入力された値をpython側のリストに渡す

Question

このように個数nに応じてinput欄を可変にして,そのinputに入力された値をpythonに渡してリストを作りたいです.フレームワークはflaskを使っています。
HTML内でforを使ってinput欄を可変にしているのですが,そのnameに変数iを加えたものを入れたいです.　　　
(ex:element_i)

こうすることによってinputの呼び出し毎にnameやlabelを変更したいのですが方法はありますか？
できればPHPなどを使いたくはないのですが

{% extends 'base.html' %}

{% block body %}
<h1 class="text-center">Least Squares</h1>
<section class="calc_xy">
	<form action="/calc" method="POST">
		<div class="container d-flex text-center justify-content-center">
			<div class="calc_x">
			{% for i in range(element) %}
			<label for="elements">xの{{ i + 1 }}番目の要素の値</label>
			<p><input type="text" name="elements" class="text-center calcs"></p>
			{% endfor %}
			</div>
			<div class="calc_y">
			{% for i in range(element) %}
			<label for="elements">yの{{ i + 1 }}番目の要素の値</label>
			<p><input type="text" name="elements" class="text-center calcs"></p>
			{% endfor %}
			</div>
		</div>
		<p class="text-center"><input type="submit" value="計算"></p>
	</form>
</section>
{% endblock %}

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy


app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///todo.db'
db = SQLAlchemy(app)

class Post(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    element = db.Column(db.String(30), nullable=False)

class F:
    def __init__(self):
        self.x = 0
    def __call__(self):
        self.x += 1
        return self.x


@app.route('/', methods=['GET', 'POST'])
def index():
	if request.method =='GET':
		posts = Post.element
		return render_template('index.html', posts=posts)

	else:
		element = int(request.form.get('element'))

		new_post = Post(element=element)

		print(str(element))
		db.session.add(new_post)
		db.session.commit()

		return render_template('calc.html', element=element)

@app.route('/calc', methods=['GET', 'POST'])
def calc():
	if request.method == 'GET':
		print('a')
		return redirect('/calc')

	else:
		data =[]
		f = F()
		count = f()
		print(count)
		elements = request.form.get('elements')

		print(elements)
		result = elements#テスト
		return render_template('result.html', result=result, count=count)

Comments

[Lhankor_Mhy]

普通に
name="elements_{{i+1}}"
とすればよさそうな気がするのですが、すでにお試しになりましたか？

[utiii]

python側では"elments_{{i+1}}"をどのように記述すればよいでしょうか?

[Lhankor_Mhy]

いえ、HTML（テンプレート）です。

[utiii]

HTMLではそのように記述したときにpython側では
for i in range(element):
data.append(request.form.get('elements_i'))
という感じで書きたいのですが,pythonでは'elements_i'をどのように記述すればよいでしょうか？

[Lhankor_Mhy]

request.form.items などで処理をしてはどうでしょうか？

[quickquip]

質問文に書いてあることとこの欄のやりとりが食い違っているので戸惑っています。
質問を読んで Lhankor_Mhy さんと同じことを思いましたが、質問したいことはどうも別のようです。

[utiii]

調べたのですがrequest.form.itemsの使い方がわかりませんでした。data.append(request.form.items())の引数には何を入れればいいのでしょうか？

[utiii]

quickquipさん
私の質問が戸惑いを生む表現で、的確でないことにお詫び申し上げます。
やりたいことはHTMLのinputに入力された値をpython側のリストに渡すということです。
その上でinputのnameに変数を付け加えることによってinputを区別すればいいのではないかと思い質問しました。inputのnameに変数を付け加える方法は分かりましたが、新たにそれらをpython側でどのように受け取ればいいかという疑問が出てきたためにこのようなやりとりをさせていただいております。

[Lhankor_Mhy]

request.form.items() には引数は必要ないです。
リクエストパラメータのキーとバリューの配列になります（と記憶しています）。
値をログってみてはどうですか？

[Lhankor_Mhy]

イテレータでした。
https://werkzeug.palletsprojects.com/en/2.0.x/datastructures/#werkzeug.datastructures.MultiDict.items

[quickquip]

ここは 質問への追記・修正の依頼 欄ですよ。（コメントだと思われた?）
質問を編集してください。

[Lhankor_Mhy]

よく読むと、同じnameが存在する場合には、True を引数に持たせる必要があるようです。
たびたびすみませんでした。

[utiii]

python側で
for item in request.form.items(True):
print(item)
によって(name, value)の形で取り出すことができました.
Lhankor_Mhyさん本当にありがとうございました！

[utiii]

quickquipさん
修正いたしました

[Lhankor_Mhy]

ご解決されて何よりです。

お手数ですが、自己解決の処理をお願いいたします。

Answer 1

{% extends 'base.html' %}

{% block body %}
<h1 class="text-center">Least Squares</h1>
<section class="calc_xy">
	<form action="/calc" method="POST">
		<div class="container d-flex text-center justify-content-center">
			<div class="calc_x">
			{% for i in range(element) %}
			<label for="elements_{{i+1}}">xの{{ i + 1 }}番目の要素の値</label>
			<p><input type="text" name="elements_{{i+1}}" class="text-center calcs"></p>
			{% endfor %}
			</div>
			<div class="calc_y">
			{% for i in range(element) %}
			<label for="elements_{{i+1}}">yの{{ i + 1 }}番目の要素の値</label>
			<p><input type="text" name="elements_{{i+1}}" class="text-center calcs"></p>
			{% endfor %}
			</div>
		</div>
		<p class="text-center"><input type="submit" value="計算"></p>
	</form>
</section>
{% endblock %}

from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy


app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///todo.db'
db = SQLAlchemy(app)

class Post(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    element = db.Column(db.String(30), nullable=False)


@app.route('/', methods=['GET', 'POST'])
def index():
	if request.method =='GET':
		posts = Post.element
		return render_template('index.html', posts=posts)

	else:
		element = int(request.form.get('element'))

		new_post = Post(element=element)

		print(str(element))
		db.session.add(new_post)
		db.session.commit()

		return render_template('calc.html', element=element)

@app.route('/calc', methods=['GET', 'POST'])
def calc():
	if request.method == 'GET':
		print('a')
		return redirect('/calc')

	else:
		data = request.form.items(True)

		data_x = []
		data_y = []
		i = 0
		for item in data:
			if i % 2 == 0:
				data_x.append(int(item[1]))
			else:
				data_y.append(int(item[1]))
			i += 1

		result = data#テスト
		return render_template('result.html', result=result)

HTMLのnameを都度変更するのではなくてrequest.form.itemsを用いることによってforで呼び出したinputの値をpython側に渡すことができました。