Django: Jak dodać dowolne atrybuty html do pól wejściowych w formularzu?

Question

Mam pole tekstowe, które jest renderowany z szablonem tak:

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

która jest uznana jako:

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

Teraz załóżmy, że chcemy dodać atrybut autocomplete="off" do elementu wejściowego, który jest renderowane, jak bym to zrobił? Lub onclick="xyz()" lub class="my-special-css-class"?

Answer 1

Check this page

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

Answer 2

Przepraszamy za advertisment, ale ja niedawno wydała aplikację (https://github.com/kmike/django-widget-tweaks) sprawia, że ​​takie zadania nawet mniej bolesne, więc projektanci mogą to zrobić bez dotykania kodu python:

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

lub opcjonalnie:

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

Answer 3

Jeśli jesteś 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

Jeśli używasz ModelForm, oprócz możliwości korzystania z __init__ jak @Artificioo przewidziane w jego odpowiedź, nie jest słownikiem widgets w Meta dla tej sprawy:

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

Relevant documentation