首页 > 解决方案 > 在 html 中设置 django 过滤器表单的样式

问题描述

这是我的 django 过滤器表单当前的外观:

在此处输入图像描述

这是我的html代码:

      <form action="" method="get" class="form-inline">
           {{myfilter.form|bootstrap}}

         <button class="btn btn-primary" type="submit">
           Search</button>
      </form>

我遇到以下问题:

  1. 如何将过滤器置于页面中心?

  2. 如何将“名称包含”更改为“名称”?

  3. 如何将文本的颜色更改为白色以使它们更明显?

我试图在网上搜索它,但没有运气。一点帮助将不胜感激。谢谢!

编辑:

这是我的filters.py:

class WeeklyFilter(django_filters.FilterSet):
    Name = CharFilter(field_name='Name', lookup_expr='icontains')


    class Meta:
        model = Weekly
        fields = '__all__'
        exclude = ['Close','Score']

还有我的models.py:

Name = models.CharField(max_length=200, null=True)
Close = models.FloatField(null=True)
Score = models.IntegerField(null=True)
Result = models.CharField(max_length=200, choices=choices1,  null=True)

def __str__ (self):
    return self.Name

编辑2:

在此处输入图像描述

标签: pythonhtmlcssdjangoforms

解决方案


您可以通过向表单添加属性来使文本像这样可见

name = forms.CharField(widget=forms.TextInput(attrs={'class':'form-control text-white text-center',max_length="100"}))

并将此类添加到您的表单标签

<form action="" method="get" class="form-inline justify-content-center">

推荐阅读