How do I add data-role="something" to my django form field?

Question

I want to use bootstrap tagsinput feature in my form. For that I need to add data-role="tagsinput". Is there a way that I can include this thing in my field?

http://stackoverflow.com/questions/2902008/django-how-do-i-add-arbitrary-html-attributes-to-input-fields-on-a-form — mariodev, Dec 15 '13 at 09:38

score 1 · Accepted Answer · answered Dec 15 '13 at 09:42

You can use the attrs argument on your widget, for example in a ModelForm:

class FooModelForm(forms.ModelForm):
    class Meta:
        model = Foo
        widgets = {
            'yourfield': forms.TextInput(attrs={'data-role': 'tagsinput'})
        }

score 1 · Answer 2 · answered Dec 15 '13 at 10:36

You can use django-crispy-forms (https://github.com/maraujop/django-crispy-forms). It has bootstrap support. You can manage attributes and css classes very easy:

https://django-crispy-forms.readthedocs.org/en/latest/layouts.html

Read "Layout objects attributes"

I highly recommend to use this project

How do I add data-role="something" to my django form field?

2 Answers2