您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

Django表单中的CSS样式

Django表单中的CSS样式

摘自我的答案: 如何在Django中使用

可以使用自定义模板过滤器来完成。考虑以这种方式呈现表单:

<form action="/contact/" method="post">
  {{ form.non_field_errors }}
  <div class="fieldWrapper">
    {{ form.subject.errors }}
    {{ form.subject.label_tag }}
    {{ form.subject }}
    <span class="helptext">{{ form.subject.help_text }}</span>
  </div>
</form>

form.subject是BoundField具有该as_widget()方法的实例。

你可以addclass在my_app / templatetags / myfilters.py中创建自定义过滤器:

from django import template

register = template.Library()

@register.filter(name='addclass')
def addclass(value, arg):
    return value.as_widget(attrs={'class': arg})

然后应用你的过滤器:

{% load myfilters %}

<form action="/contact/" method="post">
  {{ form.non_field_errors }}
  <div class="fieldWrapper">
    {{ form.subject.errors }}
    {{ form.subject.label_tag }}
    {{ form.subject|addclass:'MyClass' }}
    <span class="helptext">{{ form.subject.help_text }}</span>
  </div>
</form>

form.subjects然后将使用MyClassCSS类呈现。

CSS 2022/1/1 18:23:39 有346人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶