Question

我有以下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 %}

该表单作为表单传递到模板中。加载视图时，将以嵌入式样式显示：无自动添加到表单中。我可以使用chrome开发工具更改此设置，然后一切正常运行。在确定为什么会发生这种情况时，我需要一些帮助。

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

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

Answer 1

您是否已经查看了浏览器内开发人员工具中的“样式”标签？

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

Image: Dev Tools Style Pane

我知道您说过您已经去过那里并进行了即时编辑，但是“样式”窗格还应该能够告诉您设置每个样式规则的文件，这有望为您提供更多信息帮助找出问题所在。

Flask WTForms表单自动内联样式显示：无

1 个答案: