css - Django 表单自定义

Question

我正在使用 Django 表单，在专家的帮助下，一切都运行良好。现在我想对表单应用一些格式。就目前而言，我有以下字段:

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

它们目前显示为:

团队 1:“包含当前所有足球队的下拉框”团队2:“包含当前所有足球队的下拉框”

将两个字段并排放置并固定字段的长度是否容易？

提前致谢，艾伦。

Answer 1

您可以使用 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 是进一步自定义它的方式。