Flask Academy · पाठ

POST करने वाला HTML फ़ॉर्म बनाएँ

ऐसा फ़ॉर्म बनाएँ जिसकी action किसी रूट को लक्षित करे

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

POST करने वाला HTML फ़ॉर्म बनाएँ, CoddyKit पर Flask Academy का एक निःशुल्क पाठ है। यह 4 में से 1वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह Flask Academy सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। Flask Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

फ़ॉर्म क्यों महत्वपूर्ण हैं

HTML form वह तरीका है जिससे ब्राउज़र उपयोगकर्ता द्वारा टाइप किया गया इनपुट एकत्र करके आपके सर्वर तक पहुँचाता है। लगभग हर उपयोगकर्ता कार्रवाई का प्रवेश-द्वार यही है। 📝

form तत्व

सब कुछ form टैग से शुरू होता है। ब्राउज़र इसके भीतर मौजूद सभी फ़ील्ड को एक साथ बाँधता है और उपयोगकर्ता के सबमिट करने पर साथ भेजता है।

<form>
  <!-- fields go here -->
</form>

action से इसे निर्देशित करें

action विशेषता उस URL का नाम बताती है जहाँ डेटा प्राप्त होगा। इसे खाली छोड़ने पर डेटा उसी पृष्ठ पर भेजा जाता है जहाँ फ़ॉर्म मौजूद है।

<form action="/signup">

method चुनें

method को post पर सेट करें, ताकि मान URL के बजाय अनुरोध के मुख्य भाग में जाएँ। इससे फ़ॉर्म डेटा व्यवस्थित रहता है और ब्राउज़र इतिहास से बाहर रहता है।

<form action="/signup" method="post">

हर फ़ील्ड का नाम दें

हर इनपुट को name विशेषता की आवश्यकता होती है। यह नाम वह कुंजी बन जाता है जिसका उपयोग Flask सर्वर पर मान खोजने के लिए करता है।

<input type="text" name="username">

सबमिट बटन जोड़ें

submit बटन भेजने की प्रक्रिया शुरू करता है। इसे क्लिक करने पर ब्राउज़र नामित फ़ील्ड एकत्र करता है और आपके action URL पर अनुरोध भेजता है।

<button type="submit">Sign up</button>

रूट की विधियों का मिलान करें

प्राप्त करने वाले रूट को POST स्वीकार करना चाहिए। इसे methods में सूचीबद्ध करें, वरना Flask 405 उत्तर देगा और आपका फ़ॉर्म डेटा कभी नहीं पहुँचेगा।

@app.route("/signup", methods=["GET", "POST"])
def signup():
    ...

request.form से मान पढ़ें

सर्वर पर भेजे गए फ़ील्ड request.form में रहते हैं। यह शब्दकोश जैसा ऑब्जेक्ट है, जिसकी कुंजी HTML में परिभाषित प्रत्येक इनपुट का नाम होती है।

username = request.form["username"]

GET पर फ़ॉर्म परोसें

जब अनुरोध GET हो, तो बस वह पृष्ठ render करें जिसमें खाली फ़ॉर्म दिखता है, ताकि उपयोगकर्ताओं के पास भरने के लिए कुछ हो।

if request.method == "GET":
    return render_template("signup.html")

POST शाखा संभालें

जब विधि POST हो, तो फ़ील्ड पढ़कर उन पर कार्रवाई करें। एक ही दृश्य फ़ॉर्म दिखा भी सकता है और सबमिशन को process भी कर सकता है।

if request.method == "POST":
    name = request.form["username"]

एक संपूर्ण छोटा फ़ॉर्म

सब कुछ जोड़कर देखें: /signup पर पोस्ट करने वाला फ़ॉर्म और उपयोगकर्ता का अभिवादन करने वाला दृश्य। कुछ ही पंक्तियों में यह पूरा round trip है।

@app.route("/signup", methods=["GET", "POST"])
def signup():
    if request.method == "POST":
        return "Hi " + request.form["username"]
    return render_template("signup.html")

त्वरित जाँच

आइए पुष्टि करें कि फ़ॉर्म को वास्तव में पोस्ट कराने के लिए क्या आवश्यक है।

पुनरावलोकन: फ़ॉर्म पोस्ट करना

आपने action और post विधि वाला form बनाया, फ़ील्ड के नाम रखे, रूट पर POST की अनुमति दी और request.form से मान पढ़े। 🎉

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

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

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

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

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

क्या “POST करने वाला HTML फ़ॉर्म बनाएँ” पाठ निःशुल्क है?

हाँ—“POST करने वाला HTML फ़ॉर्म बनाएँ” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और Flask Academy पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। Flask Academy पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“POST करने वाला HTML फ़ॉर्म बनाएँ” में मैं क्या सीखूँगा?

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

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

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

“POST करने वाला HTML फ़ॉर्म बनाएँ” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

  1. POST करने वाला HTML फ़ॉर्म बनाएँ
  2. क्वेरी पैरामीटर पढ़ें और डिफ़ॉल्ट दें
  3. आवश्यक फ़ील्ड हाथ से मान्य करें
  4. POST के बाद रीडायरेक्ट करें (PRG पैटर्न)
← Flask Academy पर वापस जाएँ