Django表单定制

时间:2016-09-15 21:13:36

标签: css django

我正在使用django表格,一切都很好,在这里的专家的帮助下。现在我想对表单应用一些格式。目前我有以下几个字段:

team1 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), empty_label=None)
team2 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), empty_label=None)

他们目前显示为:

TEAM1: "所有现有足球队的下拉框" TEAM2: "与所有现有足球队的下拉框"

将两个字段并排并确定字段的长度是否容易?

非常感谢,艾伦。

1 个答案:

答案 0 :(得分:0)

您可以使用css进行自定义。如果您在模板中使用此类{{form}}之类的内容来显示表单,则可以将其拆分为{{form.team1}}{{form.team2}}并将它们并排放置。然后,您可以通过表单中的窗口小部件为其提供类属性。例如:

team1 = forms.ModelChoiceField(queryset=StraightredTeam.objects.none(), 
                               empty_label=None, 
                               widget=forms.Select(attrs={"class":"select-format"})

使用css进一步改进风格:

<style>
.select-format{
    /* For example... */
    width: 100%
}
</style>

传入attrs dictionary的任何字段都会显示在生成的HTML中,而css则是进一步自定义的方式。