Django: Comment puis-je ajouter le code html arbitraire des attributs de champs de saisie dans un formulaire?

J'ai un champ de saisie qui est rendu avec un modèle comme suit:

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

Qui est traduit comme:

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

Maintenant, supposons que je veux ajouter un autocomplete="off" attribut de l'élément de saisie est rendue, comment dois-je procéder? Ou onclick="xyz()" ou class="my-special-css-class"?

InformationsquelleAutor User | 2010-05-25

119

Consultez cette page
```
city = forms.CharField(widget=forms.TextInput(attrs={'autocomplete':'off'}))
```
- Ok merci à vous. Dans mon cas, je suis en utilisant ModelForm je ne suis donc pas définir explicitement les champs de formulaire (par exemple, la classe AddressForm(formes.ModelForm): classe Meta: modèle = modèles.L'adresse ) est-ce à dire que je ne peux pas utiliser ModelForm ou est-il quelque chose de spécial que je dois faire?
- ok tant pis, rtfm: docs.djangoproject.com/en/dev/topics/forms/modelforms
- Le django docs sont un labyrinthe. Il est facile de se perdre
- Hmmm, ce qui semble remplacer l'élément décroissant à partir du modèle d'origine, si hériter comme modelform. Quelqu'un sait comment empêcher cela? Je veux garder l'accès au modèle help_text attribut
- à l'intérieur de la init pour le formulaire, vous pouvez ajouter un peu de code à saisir le terrain et de modifier ses widgets attributs. Certains, ici j'ai utilisé précédemment pour modifier 3 champs: ` " pour field_name dans ['image', 'image_small', 'image_mobile']: champ = auto.champs.get(field_name) domaine.widget de.attrs['fichier de données'] = 'fichier' ``
- Désolé pour la volée de mise en forme, je ne me souviens jamais comment formater le code sur S/O après avoir été sur github :/
- Que sur les attributs qui ne prennent pas les arguments comme "nécessaire" et "autofocus' ?
- Cette solution est mauvaise parce qu'il n'y a pas de séparation des préoccupations. Attributs HTML ne doit pas être écrit en python, le code de l'OMI. Mikhaïl Korobov solution est supérieure.
- Qu'advient-il si je suis en utilisant le même formulaire pour créer et modifier, et je veux désactiver le champ à modifier?
InformationsquelleAutor Galen
107

Désolé pour la publicité, mais j'ai récemment publié un app (https://github.com/kmike/django-widget-tweaks) qui rend ces tâches même moins douloureux si les concepteurs peuvent le faire sans toucher le code python:
```
{% load widget_tweaks %}
...
<div class="field">
   {{ form.city|attr:"autocomplete:off"|add_class:"my_css_class" }}
</div>
```
ou, alternativement,
```
{% load widget_tweaks %}
...
<div class="field">
   {% render_field form.city autocomplete="off" class+="my_css_class" %}
</div>
```
- Application agréable, Mike, juste ce que je cherchais!
- la documentation ne vous dis pas à ajouter "widget_tweaks" dans votre application installée dans les paramètres, peut-être la peine de mettre ça dans la documentation.
- Salut James, il n'est pas stressée, mais dans le 'l'Installation' article il y a déjà une remarque à propos de l'ajout de 'widget_tweaks" pour INSTALLED_APPS.
- merci beaucoup pour cette application, il m'a beaucoup aidé! C'était juste la chose que je cherchais. J'ai besoin d'un formulaire de ModelForm et ne veulent pas d'insérer manuellement ces attributs pour chaque champ (40), donc je élégamment réussi à atteindre le même résultat en quelques secondes 🙂 Cela doit être accepté de répondre!
- Je sais je suis en retard à la fête, mais, wow. Extrêmement utile.
- J'avais l'intention d'écrire une telle application. Grâce à l'épargne de mon effort.
- Ce doit être la accepté de répondre, même si ce n'est pas la solution officielle. Il est bien mieux que l'écriture des attributs HTML dans le code python.
- Ce n'est pas utile si vous avez besoin d'extraire des informations à partir du modèle qui n'est pas accessible dans le modèle à mettre en dire, un attribut de données.
InformationsquelleAutor Mikhail Korobov

Si vous utilisez "ModelForm":

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

Bon! Pas besoin de définir de façon explicite tous les widgets maintenant.

InformationsquelleAutor Artificioo

18

Si vous utilisez ModelForm, en dehors de la possibilité d'utiliser __init__ comme @Artificioo fournis dans sa réponse, il y a un widgets dictionnaire dans les Méta-pour cette question:
```
class AuthorForm(ModelForm):
    class Meta:
        model = Author
        fields = ('name', 'title', 'birth_date')
        widgets = {
            'name': Textarea(attrs={'cols': 80, 'rows': 20}),
        }
```
La documentation pertinente
- En essayant de comprendre pourquoi c'est moins upvotes que la réponse ci-dessus... je pense parfois que Django/Python développeurs préfèrent le plus difficile façon de faire les choses...
- À l'aide de la init approche est utile pour créer un Mixin ou de la Classe de Base que vous pouvez ré-utiliser dans d'autres Formes. C'est typicall dans un milieu à grande échelle du projet. La Meta.widgets est grand pour un seul Formulaire. Oui, les deux sont de bonnes réponses.
InformationsquelleAutor Wtower

Je ne veux pas utiliser tout un app pour cette chose.
Au lieu de cela, j'ai trouvé le code suivant ici https://blog.joeymasip.com/how-to-add-attributes-to-form-widgets-in-django-templates/

# utils.py
from django.template import Library
register = Library()

@register.filter(name='add_attr')
def add_attr(field, css):
    attrs = {}
    definition = css.split(',')

    for d in definition:
        if ':' not in d:
            attrs['class'] = d
        else:
            key, val = d.split(':')
            attrs[key] = val

    return field.as_widget(attrs=attrs)

l'utilisation de la balise dans le fichier html

{% load utils %}
{{ form.field_1|add_attr:"class:my_class1 my_class2" }}
{{ form.field_2|add_attr:"class:my_class1 my_class2,autocomplete:off" }}

InformationsquelleAutor ohlr

Que j'ai rencontré le même problème et a pu le résoudre comme suit:
J'ai suivi le code de ce lien et ajouté un peu de modification
https://blog.joeymasip.com/how-to-add-attributes-to-form-widgets-in-django-templates/

Estival :

L'étape 1:
créez un fichier appelé add_attr.py et le placer dans templatetags dossier à l'intérieur de votre application

L'étape 2:
ajoutez le code suivant à add_attr.py

from django.template import Library
register = Library()

@register.filter(name='add_attr')
def add_attr(field, css):
    attrs = {}
    definition = css.split(',')

    for d in definition:
        if '=' not in d:
            attrs['class'] = d
        else:
            key, val = d.split('=')
            attrs[key] = val
    return field.as_widget(attrs=attrs)

Étape 3: à l'Aide de la balise comme suit :
charge de la balise:

{% load add_attr %}

exemple:

<input type="email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">

devient

{{ form.email|add_attr:'id=defaultLoginFormEmail,class=form-control mb-4,placeholder=E-mail' }}

InformationsquelleAutor Akram Yaslam

Vous devez vous connecter pour publier un commentaire.