如何以Django形式设置密码显示/隐藏眼睛按钮

Question

首先，我将尝试使用本机HTML和jquery解决此问题，但我想以Django形式解决此问题，而无需任何脚本。

我将尝试this源代码。

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

Answer 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表单attrs，它对我有用。