如何将 html id 添加到 django 的内置登录表单

Question

我正在开发一个 Django 应用程序。 我在应用程序中添加了一个登录页面。 在登录页面中，我想添加一个显示密码复选框，选中时会显示密码。 我为此编写了一些 javascript 代码。 这是显示密码的代码

显示密码的js代码

  function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
      x.type = "text";
    } else {
      x.type = "password";
    }
  }

现在我的问题是此代码仅在密码字段具有 id myinput 。 如何将其添加到 django 的内置登录表单中？

Answer 1

您可以使用任何表单字段获取 id

{{ form.field_name.auto_id }}

function myFunction() {
var x = document.getElementById("{{ form.password.auto_id }}");
if (x.type === "password") {
  x.type = "text";
} else {
  x.type = "password";
}

}