जानें फ़ॉर्म में आपका स्वागत है!

यह कोर्स, एचटीएमएल फ़ॉर्म को ऐसे हिस्सों में बांटता है जिन्हें समझना आसान हो. अगले कुछ मॉड्यूल में, आपको बताया जाएगा कि एचटीएमएल फ़ॉर्म कैसे काम करता है और अपने प्रोजेक्ट में उनका बेहतर तरीके से कैसे इस्तेमाल किया जा सकता है. मॉड्यूल पर जाने के लिए, फ़ॉर्म के बारे में जानें लोगो के मेन्यू पैनल का इस्तेमाल करें.

आपको बेसिक एचटीएमएल फ़ॉर्म बनाने के तरीके, एचटीएमएल फ़ॉर्म एलिमेंट, फ़ॉर्म की स्टाइल, डेटा फिर से डालने में उपयोगकर्ताओं की मदद करने, फ़ॉर्म ऐक्सेस करने लायक और सुरक्षित बनाने के बारे में जानकारी मिलेगी, फ़ॉर्म की जांच करने के तरीके के बारे में भी जानकारी मिलेगी. साथ ही, फ़ॉर्म के खास टाइप के बारे में भी जानकारी मिलेगी.

हर मॉड्यूल में इंटरैक्टिव डेमो और खुद की जांच-परख करने की सुविधा है, ताकि आप अपनी समझ को परख सकें.

यह कोर्स नए और बेहतर एचटीएमएल डेवलपर के लिए सही है. पहले कुछ मॉड्यूल एचटीएमएल फ़ॉर्म बनाने में आपकी मदद करते हैं, दूसरे मॉड्यूल ज़्यादा जानकारी देते हैं. एचटीएमएल फ़ॉर्म के बारे में सामान्य जानकारी पाने के लिए, शुरू से लेकर आखिर तक देखें या कोई ऐसा मॉड्यूल चुनें जिसके बारे में आपको ज़्यादा जानकारी चाहिए.

ज़रूरी शर्तें

यह कोर्स शुरू करने से पहले, आपको एचटीएमएल के बारे में पता होना चाहिए. वेब डेवलपमेंट की शुरुआत करने वालों के लिए, मार्कअप लिखने का तरीका जानने के लिए, एमडीएन से एचटीएमएल का परिचय कोर्स देखें.

डेमो

ज़्यादातर डेमो के लिए, हम CodePen का इस्तेमाल करते हैं.

डेमो देखकर आपको लगेगा कि ये स्टाइल कहां से आती हैं. हम सभी डेमो में शामिल एक सामान्य स्टाइलशीट का उपयोग करते हैं, इसलिए वहां केवल प्रासंगिक स्टाइल दिखाई देती हैं. CodePen में 'सेटिंग' में जाकर, शामिल की गई सीएसएस फ़ाइलें चुनी जा सकती हैं.

फ़ॉर्म कंट्रोल और फ़ॉर्म फ़ील्ड

फ़ॉर्म कंट्रोल एक ऐसा एलिमेंट है जो उपयोगकर्ता इंटरैक्शन और डेटा एंट्री या चुनने की सुविधा देता है: <input>, <select>, <textarea> या <button>.

कभी-कभी फ़ॉर्म फ़ील्ड का इस्तेमाल फ़ॉर्म कंट्रोल के बारे में बताने के लिए किया जाता है. खास तौर पर, टेक्स्ट एंट्री के एलिमेंट: <input> और <textarea>.

जानें फ़ॉर्म में आपका स्वागत है!

ज़रूरी शर्तें

डेमो

फ़ॉर्म कंट्रोल और फ़ॉर्म फ़ील्ड

आपको इनके बारे में जानकारी मिलेगी

उपयोगकर्ताओं से डेटा पाने के लिए फ़ॉर्म का इस्तेमाल करना

फ़ॉर्म में डेटा डालने में उपयोगकर्ताओं की मदद करना

लोगों को फ़ॉर्म में डेटा दोबारा डालने से रोकने में मदद करना

फ़ॉर्म में सही डेटा डालने में उपयोगकर्ताओं की मदद करना

फ़ॉर्म की जांच करना

डिज़ाइन की बुनियादी बातें

सुलभता

अंतरराष्ट्रीय और स्थानीय भाषा के अनुसार

सुरक्षा और निजता

ऑटोमैटिक भरना

फ़ॉर्म की उपयोगिता की जांच कैसे करें

सभी डिवाइसों और प्लैटफ़ॉर्म पर फ़ॉर्म की जांच करना

डेटा इकट्ठा करना

फ़ॉर्म एलिमेंट के बारे में पूरी जानकारी

फ़ॉर्म फ़ील्ड की पूरी जानकारी

फ़ॉर्म एट्रिब्यूट की पूरी जानकारी

फ़ॉर्म को स्टाइल करना

फ़ॉर्म कंट्रोल को स्टाइल करना

JavaScript

पेमेंट फ़ॉर्म

पते के फ़ॉर्म

निष्कर्ष और अगले चरण