如何为WTForms Submit字段添加值且不改变其显示标签？

问题根源：HTML的<input type="submit">元素的显示文本直接对应其value属性值，Flask-WTF的SubmitField默认会将label赋值给value属性。当你在模板中手动指定value参数时，会覆盖原有label，导致按钮显示自定义的value内容。

以下是几种可行的解决方式：

方法一：通过隐藏字段传递ID，保留原生SubmitField标签 #

在表单中新增一个隐藏字段存储database_id，SubmitField保持原有label不变：

from wtforms import HiddenField, SubmitField
from flask_wtf import FlaskForm

class EditMultilpeChoiceQuestion(FlaskForm):
    question_id = HiddenField()
    submit_update = SubmitField(label="Update question")

模板中先给隐藏字段赋值，再正常渲染提交按钮：

{{ form.question_id(value=question['database_id']) }}
{{ form.submit_update(class="btn btn-primary btn-sm") }}

后端可通过form.question_id.data获取ID，按钮依然显示"Update question"。

方法二：使用标签自定义按钮内容 #

直接在模板中编写<button>元素，分离value属性和显示文本，同时保留CSRF令牌：

<button type="submit" name="submit_update" class="btn btn-primary btn-sm"
        value="{{ question['database_id'] }}">
    Update question
</button>
{{ form.csrf_token }}

后端通过request.form.get('submit_update')即可获取database_id值，按钮显示文本不受value属性影响。

方法三：视图层动态设置SubmitField的data值 #

在视图函数中实例化表单后，手动设置SubmitField的data属性（对应HTML的value），同时保留label作为显示文本：

@app.route('/edit-question/<int:q_id>')
def edit_question(q_id):
    question = # 从数据库获取对应问题的逻辑
    form = EditMultilpeChoiceQuestion()
    # 设置submit按钮的value为database_id
    form.submit_update.data = question['database_id']
    return render_template('edit.html', form=form, question=question)

模板中正常渲染SubmitField即可：

{{ form.submit_update(class="btn btn-primary btn-sm") }}

注：此方法依赖Flask-WTF的渲染逻辑，建议确认框架版本兼容性。

内容的提问来源于stack exchange，提问作者Bill