在表单Django中传递username (在html中是不可编辑的)

在Django中，如果你想在表单中传递一个不可编辑的username字段，你可以通过以下步骤实现：

基础概念

表单（Forms）：Django表单用于处理HTML表单，可以方便地进行数据验证和处理。
模板（Templates）：Django模板用于渲染HTML页面，可以包含变量和控制结构。
视图（Views）：Django视图用于处理用户请求，返回响应。

类型

ModelForm：基于Django模型的表单，可以直接与数据库模型关联。
Form：基于Python类的表单，不直接与数据库模型关联。

应用场景

在用户注册或登录页面中，有时需要显示用户的username，但不允许用户编辑。

实现方法

1. 创建表单类

首先，创建一个表单类，定义username字段为只读：

# forms.py
from django import forms

class UserForm(forms.Form):
    username = forms.CharField(widget=forms.TextInput(attrs={'readonly': 'readonly'}))

2. 创建视图

在视图中，实例化表单并传递给模板：

# views.py
from django.shortcuts import render
from .forms import UserForm

def user_profile(request):
    form = UserForm()
    return render(request, 'user_profile.html', {'form': form})

3. 创建模板

在模板中渲染表单：

<!-- user_profile.html -->
<!DOCTYPE html>
<html>
<head>
    <title>User Profile</title>
</head>
<body>
    <h1>User Profile</h1>
    <form method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit">Submit</button>
    </form>
</body>
</html>

可能遇到的问题及解决方法

1. `username`字段仍然可编辑

确保在表单类中正确设置了readonly属性：

username = forms.CharField(widget=forms.TextInput(attrs={'readonly': 'readonly'}))

2. 提交表单时`username`字段被忽略

由于readonly属性的限制，表单提交时username字段的值不会被传递。可以通过以下方法解决：

在视图中手动设置username的值：

def user_profile(request):
    if request.method == 'POST':
        form = UserForm(request.POST)
        if form.is_valid():
            username = form.cleaned_data['username']
            # 处理其他字段
    else:
        form = UserForm(initial={'username': '预设的用户名'})
    return render(request, 'user_profile.html', {'form': form})

使用JavaScript在客户端禁用输入框：

<script>
    document.addEventListener("DOMContentLoaded", function() {
        document.getElementById("id_username").setAttribute("readonly", "readonly");
    });
</script>