كيفية إضافة خصائص HTML Attributes إلى أحد الحقول TextInput في جانغو Django؟

Mohssen A Mohssen · 31 يناير 2022

أنا أستخدم نماذج جانغو Django Forms لكي أعرض بعض الحقول inputs، ولدي حقل إدخال في أحد القوالب بالشكل التالي:

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

ويتم عرضه على النحو التالي:

<div class="field">
    <input id="id_query" type="text" name="query" maxlength="100" />
</div>

ولكنني أريد أن أضيف بعض خصائص HTML attr إلى هذا الحقل، مثل إيقاف الإكمال التلقائي من خلال إضافة الخاصية autocomplete

كيف يمكنني أن أضيف خصائص جديد إلى الحقل بإستخدام جانغو Django؟

مسعود زاهي · 31 يناير 2022

لنفرض مثلا أن الحقل الذي تستعمله query نوعه هو Charfield

class YourModelForm(forms.Form):
	query = forms.CharField(required=True)

فلإضافة الخاصية autocomplete إليه نقوم بالآتي:

class YourModelForm(forms.Form):
	query = forms.CharField(required=True, widget=forms.TextInput(attrs={'autocomplete':'off'}))

كما يمكننا تغيير خصائص الحقل داخل الدالة __init__ الخاصة بالنموذج.

class YourModelForm(forms.Form):
	query = forms.CharField(required=True)
    
	def __init__(self, *args, **kwargs):
            super(YourModelForm, self).__init__(*args, **kwargs)
            self.fields['query'].widget.attrs.update({
                'autocomplete': 'off'
            })