如何将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";
}

}