Flask 烧瓶引导快速表单缺少提交按钮
尝试使用烧瓶引导快速表单 HTML模板my-form.j2:Flask 烧瓶引导快速表单缺少提交按钮,flask,flask-wtforms,flask-bootstrap,Flask,Flask Wtforms,Flask Bootstrap,尝试使用烧瓶引导快速表单 HTML模板my-form.j2: {% import "bootstrap/wtf.html" as wtf %} {% extends "layout.j2" %} {% block content %} <h1>My form</h1> {{ wtf.quick_form(form) }} {% endblock content %} 表单处理程序: @app.route('/myform', methods=('GET', 'PO
{% import "bootstrap/wtf.html" as wtf %}
{% extends "layout.j2" %}
{% block content %}
<h1>My form</h1>
{{ wtf.quick_form(form) }}
{% endblock content %}
表单处理程序:
@app.route('/myform', methods=('GET', 'POST'))
def my_form():
form = MyForm()
if form.validate_on_submit():
myData = form.data
return redirect("/")
return render_template("my-form.j2", form=form)
不幸的是,即使我添加了
{{form.submit}
到我的表格。
有什么想法吗?我相信您可以直接在
{{wtf.quick_form(form)}}
之后添加输入字段,并将这两个字段放在HTML表单中:
<input class="btn btn-primary" type="submit" value="Login">
示例
{% import "bootstrap/wtf.html" as wtf %}
{% extends "layout.j2" %}
{% block content %}
<h1>My form</h1>
<form method="POST" action="/">
{{ wtf.quick_form(form) }}
<input class="btn btn-primary" type="submit" value="Login">
</form>
{% endblock content %}
{%import“bootstrap/wtf.html”作为wtf%}
{%extends“layout.j2”%}
{%block content%}
我的表格
{{wtf.quick_form(form)}
{%endblock内容%}
@atwalsh的答案很好,但你也可以在课堂上点击提交按钮,然后在模板中调用它:
class MyForm(FlaskForm):
field1 = StringField('First field', [wtforms.validators.required()])
field2 = StringField('Second field', [wtforms.validators.required()])
field3 = StringField('Third field', [wtforms.validators.required()])
--> submit_button = SubmitField('Submit Form')
然后放入您的模板:
{{ wtf.quick_form(form, button_map={'submit_button': 'primary'}) }}
^ ^
这是一种更加精巧的方法。
{{ wtf.quick_form(form, button_map={'submit_button': 'primary'}) }}
^ ^