Django: come aggiungere attributi HTML arbitrari ai campi di input di un modulo?

Question

Ho un campo di input che è resa con un modello in questo modo:

<div class="field"> 
    {{ form.city }} 
</div> 

Che viene reso come:

<div class="field"> 
    <input id="id_city" type="text" name="city" maxlength="100" /> 
</div> 

Supponiamo ora voglio aggiungere un attributo autocomplete="off" all'elemento input che è reso, come lo farei? O onclick="xyz()" o class="my-special-css-class"?

Answer 1

Check this page

city = forms.CharField(widget=forms.TextInput(attrs={'autocomplete':'off'})) 

Answer 2

Siamo spiacenti per la pubblicità, ma ho recentemente rilasciato un app (https://github.com/kmike/django-widget-tweaks) che rende tali compiti ancor meno dolorosa modo i progettisti possono farlo senza toccare il codice Python:

{% load widget_tweaks %} 
... 
<div class="field"> 
    {{ form.city|attr:"autocomplete:off"|add_class:"my_css_class" }} 
</div> 

o, in alternativa,

{% load widget_tweaks %} 
... 
<div class="field"> 
    {% render_field form.city autocomplete="off" class+="my_css_class" %} 
</div> 

Answer 3

Se sei usi ng "ModelForm":

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

Answer 4

Se si utilizza ModelForm, a parte la possibilità di utilizzare come __init__ @Artificioo previsto nella sua risposta, c'è un dizionario widgets a Meta per quella materia:

class AuthorForm(ModelForm): 
    class Meta: 
     model = Author 
     fields = ('name', 'title', 'birth_date') 
     widgets = { 
      'name': Textarea(attrs={'cols': 80, 'rows': 20}), 
     } 

Relevant documentation