带有MaterializeCSS的Django Crispy Forms

Question

我正在尝试编写一个帮助程序以Django-crispy-forms呈现MaterializeCSS表单。到目前为止，我还找不到如何正确实现标签或一般形式的标签，以使其在活动时在动画中向上滑动（一种实质性的东西，可以在这里观察到：MaterializeCSS FormFields）。

我的代码如下：

class SignUpForm(CustomUserCreationForm):
    class Meta:
        model = CustomUser
        fields = ('email', 'password1', 'password2',)

    def __init__(self, *args, **kwargs):
        super(SignUpForm, self).__init__(*args, **kwargs)
        self.helper = FormHelper()
        self.helper.layout = Layout(
            Div(
                Div(
                    Field('email', css_class='validate'),
                    css_class='input-field col s12'
                ),
                css_class='row'
            ),
            Div(
                Div(
                    Field('password1', css_class='validate'),
                    css_class='input-field col s12'
                ),
                css_class='row'
            ),
            Div(
                Div(
                    Field('password2', css_class='validate'),
                    css_class='input-field col s12'
                ),
                css_class='row'
            ),
        )

恐怕我使这一过程变得过于复杂。有没有更好的办法用django-crispy-forms为我的表单完成这种html结构？还是您会建议一种完全不同的方法，例如不使用酥脆的表格？

这是我要从表单复制的HTML：

<div class="row">
  <div class="input-field col s12">
    <input id="password" type="password" class="validate">
    <label for="password">Password</label>
  </div>
</div>

Answer 1

您可以使用此程序包来渲染具有materializecss的表单。https://github.com/kalwalkden/django-materializecss-form