Disable autocomplete on textfield in Django?

Question

Does anyone know how you can turn off autocompletion on a textfield in Django?

For example, a form that I generate from my model has an input field for a credit card number. It is bad practice to leave autocompletion on. When making the form by hand, I’d add a autocomplete=”off” statement, but how do you do it in Django and still retain the form validation?

Asked By: tau-neutrino

||

Source

Answer 1

In your form, specify the widget you want to use for the field, and add an attrs dictionary on that widget. For example (straight from the django documentation):

class CommentForm(forms.Form):
    name = forms.CharField(
                widget=forms.TextInput(attrs={'class':'special'}))
    url = forms.URLField()
    comment = forms.CharField(
               widget=forms.TextInput(attrs={'size':'40'}))

Just add 'autocomplete': 'off' to the attrs dict.

Answered By: BJ Homer

Answer 2

Add the autocomplete=”off” to the form tag, so you don’t have to change the django.form instance.

<form action="." method="post" autocomplete="off"> {{ form }} </form>

Answered By: jjlorenzo

Answer 3

If you are defining your own forms, you can add attributes to your fields in the form.

class CommentForm(forms.Form):
    name = forms.CharField(widget=forms.TextInput(attrs={
        'autocomplete':'off'
    }))

If you are using modelforms, you won’t have the luxury of defining field attributes in the form. However, you can use __init__ to add required attributes.

class CommentForm(forms.ModelForm):
    def __init__(self, *args, **kwargs):
        super(CommentForm, self).__init__(*args, **kwargs)
        self.fields['name'].widget.attrs.update({
            'autocomplete': 'off'
        })

You can also add attributes from Meta

class CommentForm(forms.ModelForm):
    class Meta:
        widgets = {
            'name': TextInput(attrs={'autocomplete': 'off'}),
        }

Answered By: Chillar Anand

Answer 4

For me adding extra attribute in templates also worked:

<form method="POST", autocomplete="off">
    {% csrf_token %}
    {{ form.as_p }}`

Answered By: Bartosz

Answer 5

if you are using django inbuilt forms for example login forms, or usercreationform as opposed to your own custom model forms, then you will have to remove autocomplete in javascript

const username = document.getElementById("id_username");
username.autocomplete = "off"

Answered By: Abdoolkareem

Disable autocomplete on textfield in Django?

Question:

Answers: