example - Cómo agregar atributos de marcadores de posición, identificación y posición a un campo en los formularios modelo de django

django choicefield

Question

Tengo un modelo django como el de abajo.

modelos.py

class Product(models.Model):
name = models.CharField(max_length = 300)
description = models.TextField(max_length = 2000)
created = models.DateTimeField(auto_now_add = True)
updated = models.DateTimeField(auto_now = True)
def __unicode__(self):
return self.name

forms.py

class ProductForm(ModelForm):
class Meta:
model = Product
exclude = (''updated'', ''created'')

product_form.py (solo un ejemplo)

 <form enctype="multipart/form-data" action="{% url ''add_a_product'' %}" method="post">
<div id="name">
{{form.name}}
</div>
<div id="description">
{{form.description}}
</div>
</form>

En realidad quiero mostrar / renderizar la salida html como abajo

<input id="common_id_for_inputfields" type="text" placeholder="Name" class="input-calss_name" name="Name">
<input id="common_id_for_inputfields" type="text" placeholder="Description" class="input-calss_name" name="description">

¿Finalmente, cómo agregar atributos (id, marcador de posición, clase) a los campos de formulario modelo en el código anterior?

Answer 1

Agregando a la respuesta de Derick Hayes, creé una clase BasicForm que extiende las formas. ModelForm que agrega las clases bootstrap a todas las formas que lo extienden.

Para mis formularios, simplemente extiendo BasicForm en lugar del formulario modelo y automáticamente obtengo clases de arranque en todos los formularios. Fui un paso más allá y agregué las clases a cualquier clase de css personalizada que ya esté allí.

class BaseModelForm(forms.ModelForm):
def __init__(self, *args, **kwargs):
super(BaseModelForm, self).__init__(*args, **kwargs)
# add common css classes to all widgets
for field in iter(self.fields):
#get current classes from Meta
classes = self.fields[field].widget.attrs.get("class")
if classes is not None:
classes += " form-control"
else:
classes = "form-control"
self.fields[field].widget.attrs.update({
''class'': classes
})

Answer 2

Los identificadores de los campos deben ser generados automáticamente por django, para anular otros campos:

class ProductForm(ModelForm):
class Meta:
model = Product
exclude = (''updated'', ''created'')
def __init__(self, *args, **kwargs):
super(ProductForm, self).__init__(*args, **kwargs)
self.fields[''name''].widget.attrs/
.update({
''placeholder'': ''Name'',
''class'': ''input-calss_name''
})

Answer 3

Puede actualizar forms.py como abajo

 class ProductForm(ModelForm):
class Meta:
model = Product
exclude = (''updated'', ''created'')
widgets={
"name":forms.TextInput(attrs={''placeholder'':''Name'',''name'':''Name'',''id'':''common_id_for_imputfields'',''class'':''input-class_name''}),
"description":forms.TextInput(attrs={''placeholder'':''description'',''name'':''description'',''id'':''common_id_for_imputfields'',''class'':''input-class_name''}),
}

Answer 4

Puedes hacer lo siguiente:

#forms.py
class ProductForm(ModelForm):
class Meta:
model = Product
exclude = (''updated'', ''created'')
def __init__(self, *args, **kwargs):
super(ProductForm, self).__init__(*args, **kwargs)
self.fields[''description''].widget = TextInput(attrs={
''id'': ''myCustomId'',
''class'': ''myCustomClass'',
''name'': ''myCustomName'',
''placeholder'': ''myCustomPlaceholder''})

Answer 5

Puedes hacer lo siguiente:

class ProductForm(ModelForm):
name = forms.CharField(label=''name '',
widget=forms.TextInput(attrs={''placeholder'': ''name ''}))

Answer 6

Realmente me gusta la respuesta de Dmitriy Sintsov pero no funciona. Aquí hay una versión que funciona:

def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
for field in iter(self.fields):
self.fields[field].widget.attrs.update({
''class'': ''form-control''
})

Answer 7

Versión ligeramente modificada de excelente respuesta mariodev, agregando clase bootstrap a todos los campos de formulario, por lo que no tengo que volver a crear los widgets de entrada de formulario para cada campo manualmente (corto Python 3.x super ()):

class ProductForm(forms.ModelForm):
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
for field in self.Meta.fields:
self.fields[field].widget.attrs.update({
''class'': ''form-control''
})

Answer 8

filtro add_class para agregar una clase CSS al campo de formulario:

 {% load widget_tweaks %}
<form enctype="multipart/form-data" action="{% url ''add_a_product'' %}" method="post">
<div id="name">
{{form.name|add_class:"input-calss_name"}}
</div>
<div id="description">
{{form.description|add_class:"input-calss_name"}}
</div>
</form>

biblioteca django-widget-tweaks