对齐文本框Django

Question

这是我的注册表格：

我正在尝试对齐所有文本框。这是我的表单代码;

Forms.py

class RegistrationForm(UserCreationForm):
    email = forms.EmailField(required=True, label = "Email:")
    username = forms.CharField(required=True, label = "Username:")
    first_name = forms.CharField(required=True, label = "First Name:")
    last_name = forms.CharField(required=True, label = "Last Name:")
    password1 = forms.CharField(widget=forms.PasswordInput, required=True, 
    label = "Password:")
    password2 = forms.CharField(widget=forms.PasswordInput, required=True, 
    label = "Confirm Password:")


class Meta:
    model = User
    fields = {
        'password2',
        'username',
        'first_name',
        'last_name',
        'email',
        'password1'
    }

非常感谢任何帮助。

Answer 1

你需要明白Django在这里给你的输出是html，你必须用css来设置它。

因此，您需要了解如何使用html和css为表单设置样式，这不是您在Django中所做的事情。 （虽然您可以在Django中为HTML元素提供自定义属性，然后使用这些属性在您的CSS中引用这些HTML元素。下面的教程在标题下讨论了这一点：＆＃39;使用自定义HTML属性＆＃39;）< / p>

下面我将分享一个教程的链接，该教程帮助我了解如何自定义表单的呈现方式。这应该解释我要解释的很多内容。

https://simpleisbetterthancomplex.com/article/2017/08/19/how-to-render-django-form-manually.html