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

Question

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

显示passowrd的js代码

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

现在我的问题是，只有当password字段具有id myinput时，此代码才有效。如何将其添加到django的内置登录表单中

Answer 1

您可以使用

{{ 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";
}

}