CSS styling of form input fields in Django

Question

I am aware there are already a lot of other answered questions about this. After reading them, I came up with the following code, so that I can style my email input field in my user registration form and in my login form. Focus is on the "widget=forms.EmailField(attrs={'id': 'rmkinput'})", which, as far as I understand from the readings, should give me css accessibility:

class UserRegForm(UserCreationForm) :
    email = forms.EmailField(widget=forms.EmailField(attrs={'id': 'inputfield'}), label='eMail Adresse')

Nevertheless, when I "manage.py runserver", I get an error message:

    super().__init__(strip=True, **kwargs)
  File "C:\Users\user\AppData\Local\Programs\Python\Python38\lib\site-packages\django\forms\fields.py", line 214, in __init__
    super().__init__(**kwargs)
TypeError: __init__() got an unexpected keyword argument 'attrs'

I kept reading the documentation and the other stakcoverflow questions, but I just can't figure it out. Can anybody help?

If more code is required to answer the question, let me know. Thanks!

Pedram · Accepted Answer · 2019-12-16 14:16:09Z

2

The widget name is EmailInput not EmailField:

class UserRegForm(UserCreationForm) :
    email = forms.EmailField(widget=forms.EmailInput(attrs={'id': 'inputfield'}), label='eMail Adresse')

answered Dec 16, 2019 at 14:16

Pedram

3,9303 gold badges23 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Raku Over a year ago

...oh...hehe... who would have known. That did the trick! Thanks!!

Collectives™ on Stack Overflow

CSS styling of form input fields in Django

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related