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

}