如何在Django Forms中修改表单字段输入类型：文本域与日期框

要把Description改成5行文本域、Deadline改成日期选择框，直接替换对应字段的widget组件即可，以下是具体实现：

核心改动说明 #

• Deadline字段：用DateInput组件替换默认的文本输入框，设置type="date"让浏览器渲染原生日期选择器；如果需要包含时间选择，换成DateTimeInput并设置type="datetime-local"。
• Description字段：用Textarea组件替换默认输入框，通过rows=5指定文本域高度。

修改后的完整代码 #

from django.forms import ModelForm, DateInput, Textarea
from .models import Job_post

class JobPost_form(ModelForm):
    class Meta:
        model = Job_post
        fields = "__all__"
        # 配置字段对应的widget
        widgets = {
            'Deadline': DateInput(attrs={'type': 'date'}),
            'Description': Textarea(attrs={'rows': 5}),
        }

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)  # 必须先调用父类初始化方法，否则无法访问self.fields
        # 保留原有字段的样式属性配置
        self.fields['Job_role'].widget.attrs.update(
            {'class': 'form-control Password2', 'id': 'form3Example1c', 'placeholder': 'Job role'})
        self.fields['Company'].widget.attrs.update(
            {'class': 'form-control', 'id': 'form3Example1c', 'placeholder': 'Company'})
        self.fields['Deadline'].widget.attrs.update(
            {'class': 'form-control', 'id': 'form3Example1c'})
        self.fields['Description'].widget.attrs.update(
            {'class': 'form-control', 'id': 'form3Example1c', 'placeholder': 'Description'})

可选简化写法 #

如果想把所有字段的属性配置统一到Meta的widgets中，可以去掉__init__方法，代码更简洁：

from django.forms import ModelForm, DateInput, Textarea, TextInput
from .models import Job_post

class JobPost_form(ModelForm):
    class Meta:
        model = Job_post
        fields = "__all__"
        widgets = {
            'Job_role': TextInput(attrs={'class': 'form-control Password2', 'id': 'form3Example1c', 'placeholder': 'Job role'}),
            'Company': TextInput(attrs={'class': 'form-control', 'id': 'form3Example1c', 'placeholder': 'Company'}),
            'Deadline': DateInput(attrs={'class': 'form-control', 'id': 'form3Example1c', 'type': 'date'}),
            'Description': Textarea(attrs={'class': 'form-control', 'id': 'form3Example1c', 'placeholder': 'Description', 'rows': 5}),
        }

内容的提问来源于stack exchange，提问作者yuriyu