How to disable autofocus from username field in Django's UserCreationForm?

Question

I am using the UserCreationForm class to create a signup page in my Django app.

Here is my code that defines my SingUpForm :

class SignUpForm(UserCreationForm):
    email = ...
    username = forms.CharField(label="Username",
        widget=forms.TextInput(attrs={
            ...
            "autofocus": False,
            ...
        }))
    password1 = ...
    password2 = ...

Despite the autofocus attribute being set to False , when I open the form in my browser the focus is still on the username field.

How can I disable it?

Answer 1

The autofocus is overridden in the __init__ of UserCreationForm (see here ).
You should try to use the same technique by adding __init__ in your SignUpForm :

def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    self.fields['username'].widget.attrs.update({'autofocus': False})