html 如何使用Django模板语言{{ form }}解决问题？

jgovgodb 于 2023-10-14 发布在 Go

关注(0)|答案(1)|浏览(81)

<div class="form-title">
    {% if form.errors %}
        <p>{{ form.errors.error }}</p>
    {% endif %}

    <form action="{% url 'login' %}" method="post" class="fs-title">
        {{ form }}
        {% csrf_token %}
        <button type="submit" class="btn btn-success">Join</button>
    </form>
    
    <a href="{% url 'password_reset' %}">Forgot password?</a>
</div>

我尝试在class属性中指定css名称，但{{form}}的输出没有更改其样式。有没有办法将{{form}}的内容移到中心并为它设置样式？

Html

来源：https://stackoverflow.com/questions/77246312/how-can-i-solve-problem-with-django-template-language-form

1条答案

按热度按时间

kh212irz1#

我建议你使用django-crispy-forms，因为它可以让字段看起来更漂亮，并且可以更轻松地创建引导类。
看看这两个链接：
https://pypi.org/project/django-crispy-forms/
https://django-crispy-forms.readthedocs.io/en/latest/
当你使用Bootstrap的时候，你可以这样做来使它居中（注意，我使用了脆的形式）：

<div class="mx-auto" style="max-width: 30rem;">
    <form action="{% url 'login' %}" method="post">
        {% csrf_token %}
        {{ form|crispy }}
        <button class="btn btn-primary" type="submit">Join</button>
        <a href="{% url 'password_reset' %}" class="text-center">Forgot password?</a>
    </form>
</div>

赞(0）回复(0）举报 2023-10-14

我来回答

html 如何使用Django模板语言{{ form }}解决问题？

1条答案

相关问题

热门标签

最新问答