如何在從 Django 內置身份驗證表單擴展的表單上添加密碼切換功能？

Question

我正在從 Django 的內置AuthenticationForm擴展一個表單 UserLoginForm 。 我將此表單傳遞到我的登錄頁面。 我想為此添加密碼切換功能。 這是我的UserLoginForm ，這是我的登錄頁面。 但我想添加這樣的密碼功能。 我在我的表單中嘗試了“data-toggle”屬性，但沒有奏效。 當我從內置表單擴展時，我無法通過元素的“id”切換功能。 我正在使用 Bootstrap5。 請讓我知道在這種情況下如何添加密碼切換功能。

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'}),
        }

像這樣試試。

Answer 2

上述功能是通過導入這個庫實現的， https://pypi.org/project/django-widget-tweaks/

<label>{{ form.password.label}}<span class="text-muted mb-4">
                                    </span></label>
    <small class="form-text text-muted mb-4 small">
           At least 8 characters and 1 digit
    </small>
    {% render_field form.password id="pwd" %}

可以通過從這里獲取 id 來添加腳本id="pwd"