Django allauth手动渲染登录字段：邮箱/用户字段无法显示

问题原因 #

当配置ACCOUNT_AUTHENTICATION_METHOD = 'email'启用邮箱登录时，allauth的登录表单（LoginForm）中用于输入邮箱的字段名称是login，而非email。你在模板中调用{{form.email}}找不到对应字段，所以无法显示。

解决方案 #

将模板中的{{form.email}}替换为{{form.login}}，同时修正label的for属性与输入框ID关联（提升页面可访问性）：

修正后的完整HTML代码：

<form class="login" method="POST" action="{% url 'account_login' %}">
    {% csrf_token %}
    <!-- Email input -->
  <div class="form-outline mb-4">
    {{ form.login }}
    <label class="form-label" for="{{ form.login.id_for_label }}">Email address</label>
  </div>

  <!-- Password input -->
  <div class="form-outline mb-4">
    {{ form.password }}
    <label class="form-label" for="{{ form.password.id_for_label }}">Password</label>
  </div>
    {% if redirect_field_value %}
    <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
    {% endif %}
    <a class="button secondaryAction" href="{% url 'account_reset_password' %}">{% trans "Forgot Password?" %}</a>
    <button class="btn btn-lg btn-block btn-primary" type="submit">{% trans "Sign In" %}</button>
  </form>

补充说明 #

allauth的LoginForm采用通用设计，当设置邮箱为唯一认证方式时，login字段会自动渲染为邮箱类型的输入框（带有type="email"属性），无需额外修改字段类型。

内容的提问来源于stack exchange，提问作者Jorge López