Widgets, etiquetas y texto de ayuda
Controle cómo se representa cada campo
Widgets, etiquetas y texto de ayuda es una lección gratuita de Django Academy en CoddyKit. Esta es la lección 4 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Django Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Django Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Polishing the Form
A working ModelForm is great, but the auto-generated inputs feel plain. You can refine how each field looks and reads with widgets, labels, and help text. 🎨
What a Widget Is
A widget is the HTML control rendered for a field, such as a text box, textarea, or date picker. Swap it to change the input shown.
Overriding Widgets in Meta
Set the widgets dict in Meta to map a field name to a different control. Here a body field becomes a roomy textarea.
class Meta:
model = Post
fields = ["body"]
widgets = {"body": forms.Textarea}Passing Widget Attributes
Instantiate the widget to pass HTML attrs, like rows or a CSS class. This is how you wire forms into your styling.
widgets = {
"body": forms.Textarea(attrs={"rows": 4})
}Adding a CSS Class
The same attrs dict adds a class so your stylesheet can target the input. Great for Bootstrap or your own utility classes.
forms.TextInput(attrs={"class": "form-control"})Setting a Placeholder
A placeholder hints what to type before the user clicks in. Add it through attrs to guide people gently.
forms.TextInput(attrs={"placeholder": "Enter a title"})Custom Labels
Django labels fields from their names, but you can override them. The labels dict in Meta gives any field a friendlier caption.
labels = {"body": "Post content"}Why Labels Matter
Clear labels make a form readable and accessible. A field named pub_date reads far better shown as "Publish date" to your users.
Adding Help Text
The help_texts dict shows a small hint under a field. Use it to explain limits or formatting without cluttering the label.
help_texts = {"title": "Keep it under 60 characters."}Custom Error Messages
You can even reword validation errors with the error_messages dict, so the wording matches your app's voice.
error_messages = {
"title": {"required": "Please add a title."}
}Putting It Together
All of these live side by side in Meta. Mixing widgets, labels, and help_texts gives a clean, branded form with almost no extra code.
class Meta:
model = Post
fields = ["title", "body"]
labels = {"body": "Content"}Quick Check
Which Meta dict changes the HTML control rendered for a field?
Recap: Customizing Fields
You did it! In Meta you can set widgets, labels, help_texts, and error_messages to make any ModelForm look and read exactly how you want. 🌟
Preguntas frecuentes
¿La lección «Widgets, etiquetas y texto de ayuda» es gratis?
Sí — el texto completo de «Widgets, etiquetas y texto de ayuda» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Django Academy, actualiza a CoddyKit PRO. El curso de Django Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Widgets, etiquetas y texto de ayuda»?
Controle cómo se representa cada campo Practicas Django Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Django Academy?
No se requiere experiencia previa. Django Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 4 de 4.
¿Cuánto tiempo toma la lección «Widgets, etiquetas y texto de ayuda»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Django Academy?
Sí. Cada lección de Django Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Declaración de un ModelForm y Meta.fields
- form.save() y commit=False
- Validación personalizada con métodos clean
- Widgets, etiquetas y texto de ayuda