Widgets, labels en helpteksten
Bepalen hoe elk veld wordt weergegeven
Widgets, labels en helpteksten is een gratis Django Academy-les op CoddyKit. Dit is les 4 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Django Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Django Academy bevat in totaal 4 lessen.
Het formulier verfijnen
Een werkende ModelForm is mooi, maar de automatisch gegenereerde invoervelden zien er eenvoudig uit. Met widgets, labels en helpteksten kun je bepalen hoe elk veld eruitziet en zich gedraagt. 🎨
Wat een widget is
Een widget is het HTML-besturingselement dat voor een veld wordt weergegeven, zoals een tekstvak, tekstgebied of datumkiezer. Vervang de widget om de getoonde invoer te wijzigen.
Widgets overschrijven in Meta
Stel de widgets-dict in Meta in om een veldnaam aan een ander besturingselement te koppelen. Hier wordt een body-veld een ruim tekstgebied.
class Meta:
model = Post
fields = ["body"]
widgets = {"body": forms.Textarea}Widgetattributen doorgeven
Maak de widget aan om HTML-attrs door te geven, zoals rijen of een CSS-class. Zo verbind je formulieren met je styling.
widgets = {
"body": forms.Textarea(attrs={"rows": 4})
}Een CSS-class toevoegen
Met dezelfde attrs-dict voeg je een class toe, zodat je stylesheet het invoerveld kan selecteren. Handig voor Bootstrap of je eigen utility-classes.
forms.TextInput(attrs={"class": "form-control"})Een placeholder instellen
Een placeholder geeft aan wat je moet typen voordat je in het veld klikt. Voeg er een toe via attrs om gebruikers op weg te helpen.
forms.TextInput(attrs={"placeholder": "Enter a title"})Aangepaste labels
Django maakt labels voor velden op basis van hun namen, maar je kunt ze overschrijven. De labels-dict in Meta geeft elk veld een duidelijker bijschrift.
labels = {"body": "Post content"}Waarom labels belangrijk zijn
Duidelijke labels maken een formulier leesbaar en toegankelijk. Een veld met de naam pub_date is voor je gebruikers veel begrijpelijker als het wordt weergegeven als "Publicatiedatum".
Helptekst toevoegen
De woordenlijst help_texts toont een korte aanwijzing onder een veld. Gebruik deze om beperkingen of de opmaak uit te leggen zonder het label onoverzichtelijk te maken.
help_texts = {"title": "Keep it under 60 characters."}Aangepaste foutmeldingen
Je kunt validatiefouten zelfs anders formuleren met de woordenlijst error_messages, zodat de bewoording aansluit bij de stijl van je app.
error_messages = {
"title": {"required": "Please add a title."}
}Alles samenbrengen
Dit alles staat naast elkaar in Meta. Door widgets, labels en help_texts te combineren, krijg je met bijna geen extra code een overzichtelijk formulier in de stijl van je merk.
class Meta:
model = Post
fields = ["title", "body"]
labels = {"body": "Content"}Korte controle
Welke woordenlijst in Meta wijzigt het HTML-besturingselement dat voor een veld wordt weergegeven?
Samenvatting: velden aanpassen
Je hebt het gedaan! In Meta kun je widgets, labels, help_texts en error_messages instellen, zodat elke ModelForm er precies zo uitziet en uitziet zoals je wilt. 🌟
Leer Python met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 30
- Lessen
- 120
Veelgestelde vragen
Is de les “Widgets, labels en helpteksten” gratis?
Ja — je kunt hier op het web alle 3 lessen van het leerpad Django Academy, waaronder “Widgets, labels en helpteksten”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Django Academy bevat in totaal 4 lessen.
Wat leer ik in “Widgets, labels en helpteksten”?
Bepalen hoe elk veld wordt weergegeven Je oefent met Django Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Django Academy te beginnen?
Ervaring vooraf is niet nodig. Django Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.
Hoe lang duurt de les “Widgets, labels en helpteksten”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Django Academy?
Ja. Elke les over Django Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Een ModelForm en Meta.fields declareren
- form.save() en commit=False
- Aangepaste validatie met clean-methoden
- Widgets, labels en helpteksten