如何在Django的单个输入框中显示多个数据库字段值？

1. 修改表单类，添加合并字段 #

在你的表单文件（比如forms.py）里，创建或修改表单类，添加full_name字段，同时处理姓名的拆分与合并逻辑：

from django import forms
from django.contrib.auth.models import User

class YourUserForm(forms.ModelForm):
    # 自定义合并的姓名输入字段
    full_name = forms.CharField(label="姓名", max_length=100)

    class Meta:
        model = User
        # 替换成你实际需要的其他字段
        fields = ["full_name", "email"]

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 编辑用户时，自动合并已有名和姓到full_name
        if self.instance.pk:
            self.initial["full_name"] = f"{self.instance.first_name} {self.instance.last_name}".strip()

    def save(self, commit=True):
        user = super().save(commit=False)
        # 拆分输入的姓名为名和姓
        name_parts = self.cleaned_data["full_name"].split(maxsplit=1)
        user.first_name = name_parts[0] if name_parts else ""
        user.last_name = name_parts[1] if len(name_parts) > 1 else ""
        
        if commit:
            user.save()
        return user

2. 前端模板渲染合并字段 #

把原来的{{form.user_first_name}}替换成自定义的full_name字段：

{{ form.full_name }}

如果要给输入框加样式，推荐直接在表单的widget里设置（更符合Django最佳实践）：

# 修改表单中full_name字段的定义
full_name = forms.CharField(
    label="姓名",
    max_length=100,
    widget=forms.TextInput(attrs={"style": "background-color: blue;"})
)

这样前端只需写{{ form.full_name }}就能渲染带样式的输入框。

注意事项 #

• 拆分姓名时用split(maxsplit=1)，能避免用户姓中带空格的情况被错误拆分（比如"Mary Ann Smith"会拆成名Mary，姓Ann Smith）
• 若使用Django内置用户表单（比如UserCreationForm），只需继承它再添加上述逻辑即可

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