如何在 Django 表单中设置密码显示/隐藏眼睛按钮

【问题标题】：How to set password show/hide eye button in Django form如何在 Django 表单中设置密码显示/隐藏眼睛按钮
【发布时间】：2019-10-26 23:38:57
【问题描述】：

首先，我将尝试使用原生 HTML 和 jquery 来解决这个问题，但我想在没有任何脚本的情况下以 Django 形式解决这个问题。

我会尝试this源代码。

我的预期输出是在上面指向 Django 表单的链接中的相同示例。

【问题讨论】：

标签： django python-3.x django-forms

【解决方案1】：

class CustomerLoginFrom(ModelForm):
    class Meta:
        model = UserLogin
        fields = ['user_name','password']
        labels = {
            "user_name": "*Username",
            "password": "*Password"
        }    
        widgets = {
            "user_name":  TextInput(attrs={'placeholder':'ex:test','autocomplete': 'off'}), 
            "password": PasswordInput(attrs={'placeholder':'********','autocomplete': 'off','data-toggle': 'password'}),
        }

<input type="password" id="password" name="password" class="form-control" data-toggle="password">

Django 密码字段直接将 HTML 属性添加到 Django 表单属性，它适用于我。

【讨论】：