Django Academy · पाठ

Widgets, Labels और Help Text

नियंत्रित करें कि हर फ़ील्ड कैसे प्रदर्शित हो

पाठ 4, कुल 4 में से13 चरण

Widgets, Labels और Help Text, CoddyKit पर Django Academy का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। इस अध्ययन पथ के 3 तक कोई भी पाठ पूरा पढ़ना निःशुल्क है — इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ व्यावहारिक अभ्यास भी उपलब्ध कराता है। यह Django Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Django Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

फ़ॉर्म को बेहतर बनाना

काम करने वाला ModelForm अच्छा है, लेकिन अपने-आप बने इनपुट साधारण लगते हैं। widgets, लेबल और सहायता-पाठ से आप हर फ़ील्ड के रूप और पाठ को बेहतर बना सकते हैं। 🎨

Widget क्या होता है

widget किसी फ़ील्ड के लिए बनाया गया HTML नियंत्रण होता है, जैसे टेक्स्ट बॉक्स, टेक्स्ट क्षेत्र या तारीख चुनने वाला नियंत्रण। दिखने वाले इनपुट को बदलने के लिए इसे बदलें।

Meta में Widgets को अधिलेखित करना

फ़ील्ड नाम को किसी दूसरे नियंत्रण से जोड़ने के लिए Meta में widgets शब्दकोश सेट करें। यहाँ body फ़ील्ड एक बड़े textarea में बदल जाता है।

class Meta:
    model = Post
    fields = ["body"]
    widgets = {"body": forms.Textarea}

Widget विशेषताएँ देना

पंक्तियों या CSS क्लास जैसी HTML attrs देने के लिए widget का इंस्टेंस बनाएँ। इसी तरह फ़ॉर्म को अपनी शैली से जोड़ा जाता है।

widgets = {
    "body": forms.Textarea(attrs={"rows": 4})
}

CSS क्लास जोड़ना

वही attrs शब्दकोश एक क्लास जोड़ता है, ताकि आपकी स्टाइलशीट इनपुट को लक्ष्य बना सके। Bootstrap या अपनी उपयोगिता क्लासों के लिए यह बहुत उपयोगी है।

forms.TextInput(attrs={"class": "form-control"})

प्लेसहोल्डर सेट करना

placeholder उपयोगकर्ता के क्लिक करने से पहले बताता है कि क्या लिखना है। लोगों को सहज रूप से मार्गदर्शन देने के लिए इसे attrs के माध्यम से जोड़ें।

forms.TextInput(attrs={"placeholder": "Enter a title"})

कस्टम लेबल

Django फ़ील्ड के नामों से उनके लेबल बनाता है, लेकिन आप उन्हें बदल सकते हैं। Meta में मौजूद labels शब्दकोश किसी भी फ़ील्ड को अधिक स्पष्ट शीर्षक दे सकता है।

labels = {"body": "Post content"}

लेबल क्यों महत्वपूर्ण हैं

स्पष्ट लेबल किसी फ़ॉर्म को पढ़ने योग्य और सुलभ बनाते हैं। pub_date नाम वाला फ़ील्ड आपके उपयोगकर्ताओं को "प्रकाशन तिथि" के रूप में दिखाया जाए तो कहीं बेहतर समझ आता है।

सहायता-पाठ जोड़ना

help_texts शब्दकोश किसी फ़ील्ड के नीचे एक छोटा संकेत दिखाता है। लेबल को अव्यवस्थित किए बिना सीमाएँ या प्रारूप समझाने के लिए इसका उपयोग करें।

help_texts = {"title": "Keep it under 60 characters."}

कस्टम त्रुटि संदेश

error_messages शब्दकोश की सहायता से आप सत्यापन त्रुटियों को नए शब्दों में लिख सकते हैं, ताकि भाषा आपके ऐप की शैली से मेल खाए।

error_messages = {
    "title": {"required": "Please add a title."}
}

सब कुछ एक साथ

ये सभी चीज़ें Meta में साथ-साथ रहती हैं। विजेट, लेबल और सहायता-पाठ मिलाने से लगभग बिना अतिरिक्त कोड के एक साफ़-सुथरा, आपके ब्रांड के अनुरूप फ़ॉर्म तैयार हो जाता है।

class Meta:
    model = Post
    fields = ["title", "body"]
    labels = {"body": "Content"}

त्वरित जाँच

कौन-सा Meta शब्दकोश किसी फ़ील्ड के लिए बनाए गए HTML नियंत्रण को बदलता है?

इंटरैक्टिव पाठ में इसका उत्तर दें

पुनरावलोकन: फ़ील्ड को अपने अनुसार बनाना

आपने कर दिखाया! Meta में आप विजेट, लेबल, सहायता-पाठ और त्रुटि-संदेश सेट करके किसी भी ModelForm का रूप और भाषा ठीक अपनी इच्छा के अनुसार बना सकते हैं। 🌟

शुरुआत निःशुल्क

एआई शिक्षक के साथ Python सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम: 30
पाठ: 120

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

अक्सर पूछे जाने वाले प्रश्न

क्या “Widgets, Labels और Help Text” पाठ निःशुल्क है?

हाँ — Django Academy अध्ययन पथ के 3 तक कोई भी पाठ, जिसमें “Widgets, Labels और Help Text” भी शामिल है, यहाँ वेब पर पूरा पढ़ना निःशुल्क है। इसके बाद CoddyKit PRO हर पाठ अनलॉक करता है, साथ ही अंतर्निर्मित कोड संपादक और चौबीसों घंटे एआई शिक्षक के साथ इंटरैक्टिव अभ्यास भी उपलब्ध कराता है। Django Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“Widgets, Labels और Help Text” में मैं क्या सीखूँगा?

नियंत्रित करें कि हर फ़ील्ड कैसे प्रदर्शित हो आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ Django Academy का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या Django Academy शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर Django Academy शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“Widgets, Labels और Help Text” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस Django Academy पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर Django Academy पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

← Django Academy पर वापस जाएँ