如何自定义模型表单的标签？

Question

我想为模型表单的标签设置一个类或 id（使其特别）。

我的 forms.py ：

from django import forms
from .models import Note

class NoteForm(forms.ModelForm):
    class Meta:
        model   = Note
        fields  = ['title', 'content']

        widgets = {
            'title': forms.TextInput(attrs={'class': 'form-input', 'placeholder':'Your note...'}),
            'content': forms.Textarea(attrs={'class': 'form-input', 'placeholder':'Your note...'}),
        }

在这里，我可以使用您所看到的小部件来设置类字段。但是当我进入页面时，表单标签看起来很糟糕。请检查下图。

enter image description here

---

我的 modals.py ：

class Note(models.Model):
    user    = models.ForeignKey('auth.User', on_delete=models.CASCADE, related_name="notes")
    title   = models.CharField(max_length=40, verbose_name="Title")
    content = models.TextField(verbose_name="Content")
    hour    = models.TimeField(verbose_name="Hour", auto_now_add=True)
    date    = models.DateField(verbose_name="Date", auto_now_add=True)

    def __str__(self):
        return self.title

---

还有html文件：

{% block content %}
    <div class="container notes-app">
        <h1 class="text-center text-light py-5" style="font-weight: lighter;margin-top: 100px;">Create Note :</h1>
        <form action="">
           {{ form }}
        </form>
    </div>
{% endblock %}

所以基本上，我想修改{{form}} 创建的标签。 我搜索但找不到解决方案。 :(

Answer 1

在表单中使用标签参数

from django import forms
from .models import Note

class NoteForm(forms.ModelForm):
    title = forms.CharField(label='titleLabel',widget=forms.TextInput(attrs={'class': 'form-input', 'placeholder':'Your note...'}))
    content = forms.CharField(label='contentLabel',widget=forms.Textarea(attrs={'class': 'form-input', 'placeholder':'Your note...'}))
    class Meta:
        model   = Note
        fields  = ['title', 'content']
        }