एचटीएमएल फॉर्म उपयोगकर्ताओं के साथ बातचीत करने के लिए एक बहुत शक्तिशाली उपकरण हैं, लेकिन तकनीकी कारणों से यह हमेशा स्पष्ट नहीं होता है कि उनका पूरी क्षमता से उपयोग कैसे किया जाए। इस मामले में केवल डेटा सबमिट करना पर्याप्त नहीं है - आपको यह भी सुनिश्चित करने की आवश्यकता है कि उपयोगकर्ताओं द्वारा फ़ॉर्म में भरने वाले डेटा को सही प्रारूप में भेजा जाएगा जो इसे सफलतापूर्वक संसाधित करने के लिए आवश्यक है और यह मौजूदा एप्लिकेशन को नहीं तोड़ेगा। यह भी महत्वपूर्ण है कि उपयोगकर्ताओं को फ़ॉर्म सही ढंग से भरने में मदद करें और एप्लिकेशन का उपयोग करने का प्रयास करते समय निराश न हों।
HTML फॉर्म बनाने के लिए टैग का उपयोग किया जाता है। यह वास्तव में एक मार्जिन नहीं बनाता है, लेकिन तत्वों के लिए मूल कंटेनर के रूप में उपयोग किया जाता है जैसे कि. चाहे आप नियमित चेकआउट और भुगतान, या इंटरैक्टिव वेब एप्लिकेशन के साथ एक साधारण सदस्यता फॉर्म बनाना चाहते हैं, आपको काम करने के लिए HTML तत्व टैग का उपयोग करना होगा, जिनमें से सबसे महत्वपूर्ण है.
कितना मानकएचटीएमएल फॉर्म
एसिंक्रोनस जावास्क्रिप्ट और जटिल वेब अनुप्रयोगों के आगमन से पहले HTML रूपों का आविष्कार और बड़े पैमाने पर मानकीकरण किया गया था। आज, प्रपत्र इनपुट, बटन और अन्य इंटरैक्शन तंत्र का उपयोग किया जाता है, लेकिन इसके मूल में HTTP अनुरोध और प्रतिक्रिया प्रतिमान पर आधारित एक प्रणाली है।
जब कोई उपयोगकर्ता किसी पृष्ठ को लोड करता है, तो एक http अनुरोध भेजा जाता है (आमतौर पर एक तथाकथित GET अनुरोध)। यह आपके ब्राउज़र द्वारा सर्वर पर भेजा जाता है, और आमतौर पर सर्वर उस वेब पेज के साथ प्रतिक्रिया करता है जिसे उपयोगकर्ता ढूंढ रहा है। यह इंटरैक्शन इंटरनेट की सबसे बुनियादी अवधारणाओं में से एक है। और यह बताता है कि HTML फॉर्म कैसे काम करते हैं।
सर्वर के साथ सूचनाओं के आदान-प्रदान की प्रक्रिया
प्रत्येक, जिसमें, जैसे तत्व शामिल हैं, अंदर स्थित है और इसमें एक नाम विशेषता (नाम) है, साथ ही इसका मान भी है। मूल्य को विभिन्न तरीकों से परिभाषित किया गया है। टेक्स्ट के लिए, यह वह मान होगा जो साइट उपयोगकर्ता द्वारा फ़ील्ड में दर्ज किया गया था। रेडियो बटन के लिए, चयनित विकल्प का मान। उपयोगकर्ता मान सेट कर सकता है, लेकिन अक्सर नाम विशेषता सेट नहीं कर सकता है। यह नाम/मूल्य जोड़े का एक सेट बनाता है जहां मान उपयोगकर्ता इनपुट द्वारा निर्धारित किए जाते हैं।
एक फॉर्म और एक नियमित HTML दस्तावेज़ के बीच मुख्य अंतर यह है कि, ज्यादातर मामलों में, एक फॉर्म द्वारा एकत्र किया गया डेटा वेब सर्वर को भेजा जाता है। इस मामले में, आपको डेटा प्राप्त करने और संसाधित करने के लिए एक वेब सर्वर सेट करना होगा। टैग क्रिया विशेषताउस स्थान (यूआरएल) को निर्दिष्ट करता है जहां एकत्रित डेटा भेजा जाना चाहिए।
सर्वर प्रतिक्रिया कैसी दिखती है
जब फ़ॉर्म सबमिट किया जाता है, तो नाम-मूल्य जोड़े और तत्व के सभी फ़ील्ड HTTP में शामिल किए जाते हैं। कार्रवाई विशेषता के रूप में निर्दिष्ट URL के लिए एक अनुरोध किया जाता है। अनुरोध प्रकार (GET या POST) विधि विशेषता में होगा। इसका मतलब यह है कि फॉर्म जमा होते ही सभी उपयोगकर्ता द्वारा प्रदान किया गया डेटा सर्वर को भेज दिया जाता है, और सर्वर उस डेटा के साथ जो चाहे कर सकता है। जब सर्वर को फॉर्म सबमिशन प्राप्त होता है, तो वह इसे किसी अन्य HTTP अनुरोध की तरह मानता है। सर्वर शामिल डेटा के साथ जो कुछ भी करने की आवश्यकता है वह करता है और ब्राउज़र को प्रतिक्रिया देता है।
यदि आपको याद है कि पृष्ठ लोड करना ही उत्तर है, तो आप देखेंगे कि यहाँ भी ऐसा ही होता है। टैग के साथ बनाए गए एक विशिष्ट रूप में, प्रतिक्रिया ब्राउज़र द्वारा लोड किया गया एक नया पृष्ठ है। सामान्यतया, नया पृष्ठ वर्तमान सामग्री को प्रतिस्थापित करता है, लेकिन इसे लक्ष्य विशेषता से ओवरराइड किया जा सकता है। अधिकांश ऑनलाइन फॉर्म इस तरह से काम करते हैं, यही वजह है कि जब उपयोगकर्ता ईमेल सदस्यता फॉर्म भरते हैं तो उन्हें धन्यवाद पृष्ठ पर भेजा जाता है।
बिना टैग के वेब ऐप्स और फ़ॉर्म
आधुनिक इंटरैक्टिव वेब एप्लिकेशन एसिंक्रोनस http अनुरोध करने के लिए जावास्क्रिप्ट कोड का उपयोग करते हैं। ये सर्वर के लिए कॉल हैं जो पृष्ठ को पुनः लोड नहीं करते हैं। वे एक टैग पर भरोसा नहीं करते - व्यवहार में निर्मित एक HTML तत्व। वे सभी डेटा को एक पूरे में संयोजित नहीं करते हैं।उपयोगकर्ता और उन्हें तुरंत न भेजें। इस कारण से, वेब अनुप्रयोगों में कई HTML + JS लेआउट डिज़ाइनर सभी रूपों पर टैग का उपयोग नहीं करते हैं। अधिक बार, वे इसे विभिन्न प्रकार के इनपुट फ़ील्ड और तत्वों के लिए एक प्रकार के कंटेनर के रूप में उपयोग करते हैं। इस मामले में, उपयोग की जाने वाली विधि और क्रिया विशेषताएँ दिखाई नहीं देंगी।
फ़ॉर्म के बारे में अधिक
HTML फ़ॉर्म किसी वेबसाइट या एप्लिकेशन के साथ उपयोगकर्ता की सहभागिता के मुख्य आकर्षणों में से एक हैं। वे उपयोगकर्ताओं को साइट पर डेटा जमा करने की अनुमति देते हैं। अधिकांश समय, डेटा वेब सर्वर को भेजा जाता है, लेकिन वेब पेज इसे अपने आप उपयोग करने के लिए इंटरसेप्ट भी कर सकता है। कई प्रपत्र-संबंधित तत्व हैं - विभिन्न प्रकार के बटन, विभिन्न प्रकार के चयनकर्ता, प्रतिक्रिया तंत्र। इसलिए, यह तय करना मुश्किल हो सकता है कि टैग विशेषताओं को कौन से मान असाइन किए जाएं। जब फ़ॉर्म बनाने की बात आती है, तो आपको उन्हें विभिन्न स्क्रीन आकारों पर काम करने की आवश्यकता होती है। उन्हें विकलांग लोगों के लिए सुलभ बनाना महत्वपूर्ण है। यही कारण है कि प्रपत्र और विशेषता टैग शायद HTML का सबसे जटिल पहलू हैं।
आकृति किससे बनी होती है
HTML फॉर्म में एक या अधिक विजेट होते हैं। वे सिंगल-लाइन या मल्टी-लाइन टेक्स्ट फ़ील्ड, चुनिंदा बॉक्स, बटन या रेडियो बटन हो सकते हैं। वे अक्सर एक विशेषता के साथ जुड़े होते हैं जो उनके उद्देश्य का वर्णन करता है - ठीक से लागू किया गया स्पष्ट रूप से दृष्टिहीन और नेत्रहीन दोनों उपयोगकर्ताओं को निर्देश दे सकता है कि इनपुट फॉर्म कैसे प्राप्त करें। विशेषताक्रमशः उनके लिए और आईडी विशेषताओं के साथ सही ढंग से जुड़ा हुआ है। लेबल के लिए तब संबंधित विजेट की आईडी विशेषता को संदर्भित करता है, और स्क्रीन रीडर, इसका उपयोग करके, इसमें क्या लिखा है, इसे पढ़ेगा।
टैग के लिए विशिष्ट संरचनाओं के अलावा, यह याद रखना महत्वपूर्ण है कि प्रपत्र केवल HTML कोड हैं। इसका अर्थ है कि आप अपने प्रपत्रों की संरचना करने के लिए HTML की पूरी शक्ति का उपयोग कर सकते हैं।के साथ टैग किए गए तत्वों को लपेटने के लिए टैग का उपयोग करना एक आम बात है
। HTML सूचियों का भी व्यापक रूप से उपयोग किया जाता है; संरचना के लिए एकाधिक चेकबॉक्स या रेडियो बटन का उपयोग किया जाता है। इनपुट फ़ील्ड बनाने के बाद, टैग का उपयोग करके एक बटन जोड़ना और परिणाम की जांच करना बाकी है। HTML रूपों का लचीलापन उन्हें HTML प्रारूप में सबसे जटिल संरचनाओं में से एक बनाता है। लेकिन HTML फॉर्म बनाते समय सही संरचना के साथ, आप यह सुनिश्चित कर सकते हैं कि यह प्रयोग करने योग्य और सुलभ दोनों है।
