HTML到Jinja2如何根据前面的样式将类属性化以形成变量

HTML到Jinja2如何根据前面的样式将类属性化以形成变量,html,flask,jinja2,Html,Flask,Jinja2,我有一个登录表单的引导模板。 我正在尝试将HTML转换为jinja2,以便使用flask应用程序的LoginForm变量。在LoginForm中,我定义了如果用户输入错误,我希望显示的验证、标签和其他错误 HTML引导模板 电子邮件 下面是我所做的,但是结果不允许我编辑输入的内容,但是,我正确地获得了form.email.label变量的数据 电子邮件 {{form.email.label(class=“form control”,type=“email”)} {%if form.ema

我有一个登录表单的引导模板。
我正在尝试将HTML转换为jinja2,以便使用flask应用程序的
LoginForm
变量。在
LoginForm
中,我定义了如果用户输入错误,我希望显示的验证、标签和其他错误

HTML引导模板


电子邮件

下面是我所做的,但是结果不允许我编辑输入的内容,但是,我正确地获得了
form.email.label
变量的数据


电子邮件
{{form.email.label(class=“form control”,type=“email”)}
{%if form.email.errors%}
{{form.email(class=“form control form control lg is invalid”)}
{%form.email.errors%}
{{error}}
{%endfor%}
{%endif%}


任何提示或提示都将不胜感激

你的问题是:

{{form.email.label(class=“form control”,type=“email”)}
{%if form.email.errors%}
{{form.email(class=“form control form control lg is invalid”)}
{%form.email.errors%}
{{error}}
{%endfor%}
{%endif%}
在简单的HTML代码段上,您没有任何标签,而在Jinja版本中,您有一个标签您将
输入
本身放在
if form.email.errors
中,只有在表单中出现错误时才有效地显示输入

这只是一个表单标签,不是输入:

{{form.email.label(class=“form control”,type=“email”)}
这是您的实际输入

{{form.email(class=“form control form control lg is invalid”)}
正确的代码应该是:

{{form.email(class=“form control form control lg”)}
{%if form.email.errors%}
{%form.email.errors%}
{{error}}
{%endfor%}
{%endif%}
Plase mind,我删除了标签,因为在作为示例显示的设计中没有标签,所以您有一个占位符,而不是标签

也就是说,您将错过该字段上的
无效
类。我想说这应该行得通:

{form.email(class=“form control form control lg”~(“if form.email.errors else”“)无效)}
{%if form.email.errors%}
{%form.email.errors%}
{{error}}
{%endfor%}
{%endif%}

不,不是那样的。我知道如何获得占位符。问题是在我转换成jinja2之后,我不能再在输入字段中输入数据了。它看起来像一个普通的字符串。谢谢,真的很有帮助!最后一段中的tilda代表什么?tilde是Jinja中的tilda