gpt4 book ai didi

django - 将引导样式应用于Django表单

转载 作者:行者123 更新时间:2023-12-04 16:59:24 24 4
gpt4 key购买 nike

我想使用 bootstrap 来获得不错的网站设计,但是不幸的是,我不知道表单字段的样式。我在说这个:

<form class="form-horizontal" method="POST" action="."> {% csrf_token %}
{{ form.title.label }}
{{ form.title }}
</form>

应该如何设计呢?我尝试了这个:
<form class="form-horizontal" method="POST" action="."> {% csrf_token %}
<div class="form-control">
{{ form.title.label }}
{{ form.title }}
</div>
</form>

这显然没有给我想要的结果。

如何将引导样式应用于Django表单?

最佳答案

如果您不想使用第三方工具,那么从本质上讲,您需要向类中添加属性,我更喜欢通过使模型模型继承自一个基类来实现。

class BootstrapModelForm(ModelForm):
def __init__(self, *args, **kwargs):
super(BootstrapModelForm, self).__init__(*args, **kwargs)
for field in iter(self.fields):
self.fields[field].widget.attrs.update({
'class': 'form-control'
})

可以轻松调整...但是正如您所看到的,我所有的字段小部件都已应用了表单控件css类

您可以根据需要将其扩展到特定的字段,这是一个继承属性已应用属性的示例
class MyForm(BootstrapModelForm):
def __init__(self, *args, **kwargs):
super(MyForm, self).__init__(*args, **kwargs)
self.fields['name'].widget.attrs.update({'placeholder': 'Enter a name'})

关于django - 将引导样式应用于Django表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32986780/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com