使用bootstrap格式化flask-wtf提交按钮

zan*_*nzu 4 html jinja2 wtforms twitter-bootstrap flask-wtforms

我正在使用jinja呈现flask-wtf提交按钮,如下所示:

{{ wtf.form_field(form.submit) }}
Run Code Online (Sandbox Code Playgroud)

这导致按钮格式化为btn-default bootstrap格式(白色).我想将其更改为btn-success bootstrap格式(绿色).

我怎样才能做到这一点?

Waq*_*tho 9

如果您使用 wtf.quick_form,请使用如下形式。

{{ wtf.quick_form(form, button_map={'submit':'success'}) }}
Run Code Online (Sandbox Code Playgroud)


zan*_*nzu 5

正如@dpgaspar所建议的那样,解决方案是使用button_map,如下所示:

{{ wtf.form_field(form.submit, button_map={'submit':'success'}) }}
Run Code Online (Sandbox Code Playgroud)


dpg*_*par 3

我猜你也在使用flask-bootstrap。

在 Flask-bootstrap Jinja2 宏上,您有:

    {% call _hz_form_wrap(horizontal_columns, form_type, True, required=required) %}
    {{field(class='btn btn-%s' % button_map.get(field.name, 'default'), **kwargs)}}
    {% endcall %}
Run Code Online (Sandbox Code Playgroud)

如果可以的话,您应该使用button_map [请参阅下面的评论中的详细信息]