Html 使用Django Crispy表单设计Django Allauth的登录表单

我使用django crispy表单设计django allauth login.html的登录表单

  <form class="login" method="POST" action="{% url 'account_login' %}">
    {% csrf_token %}
    {{ form|crispy }}
    {% if redirect_field_value %}
    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
    {% endif %}
    <a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
    <button class="primaryAction" type="submit">{% trans "Sign In" %}</button>
  </form>

{%csrf_令牌%}
{{form | crispy}}
{%if重定向\字段\值%}
{%endif%}
{%trans“登录”%}

但是，表单

{{field.label}

与

{{field}

不“内联”。有没有一种简单的方法可以让它们内联，同时仍然使用django crispy form或类似的东西来修饰外观

我还想学习如何隐藏显示的

{{field.label}

。我唯一能想到的就是在表单的字段上循环，并注释掉下面答案中的标签显示

---

是的，您可以使标签与相关字段内联。使用自定义css重写

bootstrap.css

。更具体地说，您需要将包含

输入

和错误消息的

div.controls

显示为

内联块

：

div.controls{
    display: inline-block;
}

根据您当前的页面样式、要在页面上呈现的内容（字段、标签、错误消息等）以及页面的外观（例如，在带有错误消息或不带有错误消息的行中），您可能还需要更改

input.form control

和错误消息的宽度和显示属性

要隐藏标签，请在forms.py中将其设置为空：

somefield = forms.CharField(label='', ...)

---

这将使标签消失。

我找到了django widget tweak软件包，它允许更好地控制django表单中的每个字段。

表单标签是什么意思？是否需要在表单中隐藏字段标签？您可以在forms.py中设置空标签以获得所需的结果，如下所示：

somefield=forms.CharField（label=''，…）

forms需要标签。但我不想展示它们。问题更新为澄清输入本身可以是隐藏类型，而不是标签。传递隐藏标签的原因是什么？比如说，我有一个登录字段，其中有占位符文本“email”，因此不需要显示email字段的字段标签。这就是我所说的-您可以将其设置为空。最后，在这种情况下您不需要它。是的，但是呈现的表单来自第三方包，其字段不容易修改。