时间戳

首页 > 解决方案 > Flask WTForms Form 自动内联样式显示：无

flask - Flask WTForms Form 自动内联样式显示：无

问题描述

我有以下 html/jinja 和以下 WTForm

<form method="POST" action='' class="form" >
{% for field in form %}
    {{ render_field(field) }}
{% endfor %}
<button type="submit" id="submit" class="btn btn-dark">Login</button>


class LoginForm(FlaskForm):
username = StringField(
    'username',
    validators=[
        DataRequired()
    ]
)

password = PasswordField(
    'Password',
    validators=[
        DataRequired()
    ])

{% macro render_field(field, class="", div_class="") %}
<div class="field {{ div_class }}">
    {% if field.errors %}
        {% for error in field.errors %}
             <div class="notification error">{{ error }}</div>
        {% endfor %}
    {% endif %}
    {{ field(placeholder=field.label.text, class=class) }}
</div>
{% endmacro %}

表单作为表单传递到模板中。加载视图时，显示的内联样式：None 会自动添加到表单中。我可以使用 chrome 开发工具更改此设置，并且一切正常。我需要一些帮助来确定为什么会发生这种情况。

以下 html 是发送到浏览器的内容。

<form method="POST" action="" class="form" style="display: none;">

标签： flaskflask-wtforms

解决方案

您是否检查过浏览器内开发人员工具中的“样式”选项卡？

这是我所指的特定窗格的图像。

图片：开发工具样式窗格

我知道您说您已经进入并即时编辑，但是“样式”窗格也应该能够告诉您每个样式规则设置在哪个文件中，这有望为您提供更多信息以帮助追踪问题。

推荐阅读