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

Posted 2023-02-24

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

【英文标题】：How to set password show/hide eye button in Django form

【发布时间】：2019-10-26 23:38:57

【问题描述】：

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

我会尝试this源代码。

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

【参考方案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 表单属性，它适用于我。