Django造型与材料设计

Question

我正在用Google的MDL框架构建我的前端，在使用MDL的样式呈现Django表单时遇到了问题：

{{ form.as_table }}
{{ form.as_p}}
{{ form.as_ul}}

也尝试过：

^{pr2}$

我的Django form类：

class MyClassUpdateForm(forms.ModelForm):
    class Meta:
        model = MyClass
        fields = '__all__'
        widgets = {
            'foo': TextInput(attrs={'class': "mdl-textfield__input"}),
            'bar': TextInput(attrs={'class': "mdl-textfield__input"}),
            'baz': TextInput(attrs={'class': "mdl-textfield__input"}),
        }

我试图使用MDL组件中的这段代码：

<form action="#">
  <div class="mdl-textfield mdl-js-textfield">
    <input class="mdl-textfield__input" type="text" id="sample1">
    <label class="mdl-textfield__label" for="sample1">Text...</label>
  </div>
</form>

Answer 1

这就是我在我的项目中所做的。假设您有一个名为“form”的模型表单，它有一个“foo”属性，那么：-在

<form method="POST">
    <input class="mdl-textfield__input" type="text" id="id_{{ form.foo.name }}" name="{{ form.foo.name }}" value="{% if form.foo.value != None %}{{ form.foo.value }}{% endif %}" required>
    <label class="mdl-textfield__label" for="id_{{ form.foo.name }}">Text...</label>
</form>