gpt4 book ai didi

python - 如何将样式应用于 Django 表单?

转载 作者:太空宇宙 更新时间:2023-11-04 09:45:11 25 4
gpt4 key购买 nike

是否可以在 View 中更改表单样式?

我在文档中找到这段代码:

<form action="/contact/" method="post">
{{ form.non_field_errors }}
<div class="fieldWrapper">
{{ form.subject.errors }}
<label for="id_subject">Email subject:</label>
{{ form.subject }}
</div>
<div class="fieldWrapper">
{{ form.message.errors }}
<label for="id_message">Your message:</label>
{{ form.message }}
</div>
<div class="fieldWrapper">
{{ form.sender.errors }}
<label for="id_sender">Your email address:</label>
{{ form.sender }}
</div>
<div class="fieldWrapper">
{{ form.cc_myself.errors }}
<label for="id_cc_myself">CC yourself?</label>
{{ form.cc_myself }}
</div>
<p><input type="submit" value="Send message" /></p>
</form>

但它只是输入了一个丑陋的输入。我想在此输入中应用一个类或一个 css。可能吗?

这是我的表格:

class LoginView(NextUrlMixin, RequestFormAttachMixin, FormView):
form_class = LoginForm
success_url = '/'
template_name = 'accounts/login.html'
default_next = '/'


class LoginForm(forms.Form):
email = forms.EmailField(label='Email')
password = forms.CharField(widget=forms.PasswordInput)

最佳答案

如果您使用自定义 CSS,请在表单示例中设置类 CSS:

email    = forms.EmailField(label='Email')
email.widget.attrs.update({'class':'customClass', 'required':'required'})

在这种情况下,如果您使用的是 Bootstrap,请设置一个自定义类,也许您可​​以使用这样的类:

email    = forms.EmailField(label='Email')
email.widget.attrs.update({'class':'form-control', 'required':'required'})

此代码在您的 forms.pyp 中..祝您好运不要忘记在您的模板上加载您的 css 文件

关于python - 如何将样式应用于 Django 表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50106138/

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