06 में से 01
KompoZer के साथ एक फॉर्म जोड़ें
कई बार ऐसे होते हैं जब आप वेब पेज बना रहे हैं जहां आपको लॉग इन पेज, नया खाता निर्माण, या प्रश्न या टिप्पणियां सबमिट करने के लिए उपयोगकर्ता द्वारा सबमिट किए गए इनपुट को संसाधित करने की आवश्यकता होती है। उपयोगकर्ता इनपुट एकत्रित किया जाता है और एक HTML फॉर्म का उपयोग कर वेब सर्वर पर भेजा जाता है। KompoZer के अंतर्निर्मित टूल के साथ फ़ॉर्म को जोड़ना आसान है। एचटीएमएल 4.0 सपोर्ट के सभी फॉर्म फ़ील्ड प्रकारों को कॉम्पोजर के साथ जोड़ा और संपादित किया जा सकता है, लेकिन इस ट्यूटोरियल के लिए हम टेक्स्ट, टेक्स्ट एरिया, सबमिट और रीसेट बटन के साथ काम करेंगे।
06 में से 02
KompoZer के साथ एक नया फॉर्म बनाएँ
कॉम्पोजर में समृद्ध फॉर्म टूल्स हैं जिनका उपयोग आप अपने वेब पृष्ठों में फॉर्म जोड़ने के लिए कर सकते हैं। आप टूल बटन पर फॉर्म बटन या साथ ड्रॉप डाउन मेनू पर क्लिक करके फॉर्म टूल्स तक पहुंच सकते हैं। ध्यान दें कि यदि आप अपनी खुद की फॉर्म हैंडलिंग स्क्रिप्ट लिखते नहीं हैं , तो आपको इस चरण के लिए दस्तावेज़ या प्रोग्रामर से स्क्रिप्ट लिखने के लिए कुछ जानकारी प्राप्त करने की आवश्यकता होगी। आप मेलतो रूपों का भी उपयोग कर सकते हैं लेकिन वे हमेशा काम नहीं करते हैं ।
- अपने कर्सर को उस स्थान पर रखें जहां आप अपना फॉर्म पेज पर दिखाना चाहते हैं।
- टूलबार पर फॉर्म बटन पर क्लिक करें। प्रपत्र गुण संवाद बॉक्स खुलता है।
- फॉर्म के लिए एक नाम जोड़ें। फ़ॉर्म को पहचानने के लिए स्वचालित रूप से जेनरेट किए गए HTML कोड में नाम का उपयोग किया जाता है और आवश्यक है। फ़ॉर्म जोड़ने से पहले आपको अपना पेज सहेजने की भी आवश्यकता है। यदि आप एक नए, सहेजे गए पृष्ठ के साथ काम कर रहे हैं, तो KompoZer आपको सहेजने के लिए संकेत देगा।
- उस स्क्रिप्ट में यूआरएल जोड़ें जो एक्शन यूआरएल फ़ील्ड में फॉर्म डेटा को संसाधित करेगा। फॉर्म हैंडलर आमतौर पर PHP या इसी तरह की सर्वर-साइड भाषा में लिखी स्क्रिप्ट होते हैं। इस जानकारी के बिना, आपका वेब पेज उपयोगकर्ता द्वारा दर्ज किए गए डेटा के साथ कुछ भी करने में सक्षम नहीं होगा। यदि आप इसे दर्ज नहीं करते हैं तो KompoZer फ़ॉर्म हैंडलर के लिए यूआरएल दर्ज करने के लिए आपको संकेत देगा।
- सर्वर पर फॉर्म डेटा जमा करने के लिए प्रयुक्त विधि का चयन करें। दो विकल्प जीईटी और पोस्ट हैं। आपको यह जानने की आवश्यकता होगी कि स्क्रिप्ट की किस विधि की आवश्यकता है।
- ठीक क्लिक करें और फ़ॉर्म आपके पृष्ठ में जोड़ा गया है।
06 का 03
KompoZer के साथ एक फॉर्म में एक टेक्स्ट फ़ील्ड जोड़ें
एक बार जब आप KompoZer के साथ किसी पृष्ठ पर एक फॉर्म जोड़ते हैं, तो फॉर्म को हल्के नीले धराशायी रेखा में पृष्ठ पर रेखांकित किया जाएगा। आप इस क्षेत्र के अंदर अपने फॉर्म फ़ील्ड जोड़ते हैं। आप टेक्स्ट में टाइप या इमेज भी जोड़ सकते हैं, जैसा कि आप पृष्ठ के किसी अन्य भाग पर करेंगे। पाठ को उपयोगकर्ता को मार्गदर्शन करने के लिए फ़ील्ड बनाने के लिए संकेत या लेबल जोड़ने के लिए उपयोगी है।
- उल्लिखित फॉर्म क्षेत्र में जाने के लिए आप टेक्स्ट फ़ील्ड कहां जाना चाहते हैं चुनें। यदि आप एक लेबल जोड़ना चाहते हैं, तो आप पहले टेक्स्ट को टाइप करना चाहेंगे।
- टूलबार पर फॉर्म बटन के बगल में नीचे तीर पर क्लिक करें और ड्रॉप डाउन मेनू से फॉर्म फ़ील्ड चुनें।
- फॉर्म फ़ील्ड प्रॉपर्टी विंडो खुल जाएगी। टेक्स्ट फ़ील्ड जोड़ने के लिए, फील्ड टाइप लेबल वाले ड्रॉप डाउन मेनू से टेक्स्ट चुनें।
- टेक्स्ट फ़ील्ड में एक नाम दें। नाम HTML कोड में फ़ील्ड की पहचान करने के लिए उपयोग किया जाता है और फ़ॉर्म हैंडलिंग स्क्रिप्ट को डेटा को संसाधित करने के लिए नाम की आवश्यकता होती है। अधिक गुण / कम गुण बटन को टॉगल करके या उन्नत संपादन बटन दबाकर इस संवाद पर कई अन्य वैकल्पिक विशेषताओं को संशोधित किया जा सकता है, लेकिन अभी के लिए हम केवल फ़ील्ड नाम दर्ज करेंगे।
- ठीक क्लिक करें और पृष्ठ पर टेक्स्ट फ़ील्ड दिखाई देता है।
06 में से 04
KompoZer के साथ एक फॉर्म में एक टेक्स्ट एरिया जोड़ें
कभी-कभी, एक संदेश पर बहुत सारे पाठ दर्ज किए जाने की आवश्यकता होती है, जैसे कोई संदेश या प्रश्न / टिप्पणियां फ़ील्ड। इस मामले में, एक टेक्स्ट फ़ील्ड बस उचित नहीं है। आप फॉर्म टूल्स का उपयोग करके एक टेक्स्ट एरिया फॉर्म फ़ील्ड जोड़ सकते हैं।
- अपने कर्सर को फॉर्म रूपरेखा के भीतर रखें जहां आप अपना टेक्स्ट क्षेत्र होना चाहते हैं। यदि आप किसी लेबल में टाइप करना चाहते हैं, तो लेबल टेक्स्ट टाइप करना अक्सर एक अच्छा विचार है, एक नई लाइन पर जाने के लिए एंटर दबाएं, फिर फॉर्म फ़ील्ड जोड़ें, क्योंकि पेज पर टेक्स्ट एरिया का आकार इसे अजीब बनाता है बाएं या दाएं होने के लिए लेबल।
- टूलबार पर फॉर्म बटन के बगल में नीचे तीर पर क्लिक करें और ड्रॉप डाउन मेनू से टेक्स्ट एरिया चुनें। टेक्स्ट एरिया प्रॉपर्टी विंडो खुल जाएगी।
- टेक्स्ट क्षेत्र फ़ील्ड के लिए एक नाम दर्ज करें। नाम HTML कोड में फ़ील्ड की पहचान करता है और उपयोगकर्ता द्वारा सबमिट की गई जानकारी को संसाधित करने के लिए फ़ॉर्म हैंडलिंग स्क्रिप्ट द्वारा उपयोग किया जाता है।
- उन पंक्तियों और स्तंभों की संख्या दर्ज करें जिन्हें आप टेक्स्ट क्षेत्र प्रदर्शित करना चाहते हैं। ये आयाम पृष्ठ पर फ़ील्ड का आकार निर्धारित करते हैं और स्क्रॉल करने की आवश्यकता होने से पहले फ़ील्ड में कितना टेक्स्ट दर्ज किया जा सकता है।
- इस विंडो में अन्य नियंत्रणों के साथ अधिक उन्नत विकल्प निर्दिष्ट किए जा सकते हैं, लेकिन अब के लिए फ़ील्ड नाम और आयाम पर्याप्त हैं।
- ठीक क्लिक करें और टेक्स्ट क्षेत्र फॉर्म पर दिखाई देता है।
06 में से 05
KompoZer के साथ एक फॉर्म में सबमिट करें और बटन रीसेट करें
उपयोगकर्ता ने आपके पृष्ठ पर फ़ॉर्म भरने के बाद, सर्वर को जानकारी जमा करने के लिए कुछ तरीका होना चाहिए। इसके अतिरिक्त, यदि उपयोगकर्ता प्रारंभ करना चाहता है या गलती करता है, तो यह उस नियंत्रण को शामिल करना सहायक होता है जो सभी फॉर्म मानों को डिफ़ॉल्ट रूप से रीसेट कर देगा। स्पेशल फॉर्म कंट्रोल इन कार्यों को संभालते हैं, जिन्हें क्रमशः सबमिट और रीसेट बटन कहा जाता है।
- अपने कर्सर को रूपरेखा वाले फॉर्म क्षेत्र में रखें जहां आप सबमिट करना या रीसेट करना चाहते हैं। अक्सर, ये एक फार्म पर शेष क्षेत्रों के नीचे स्थित होंगे।
- टूलबार पर फॉर्म बटन के बगल में नीचे तीर पर क्लिक करें और ड्रॉप डाउन मेनू से परिभाषित बटन चुनें। बटन गुण विंडो दिखाई देगी।
- टाइप किए गए ड्रॉप डाउन मेनू से बटन का प्रकार चुनें। आपके विकल्प सबमिट, रीसेट और बटन हैं। इस मामले में हम सबमिट प्रकार का चयन करेंगे।
- बटन पर एक नाम दें, जिसका उपयोग एचटीएमएल में किया जाएगा और फॉर्म अनुरोध को संसाधित करने के लिए फॉर्म हैंडलिंग कोड। वेब डेवलपर आमतौर पर इस क्षेत्र को "सबमिट" नाम देते हैं।
- मूल्य लेबल वाले बॉक्स में, उस बटन को दर्ज करें जो बटन पर दिखाई देना चाहिए। बटन छोटा होना चाहिए लेकिन बटन दबाए जाने पर क्या होगा, इसके बारे में वर्णनात्मक होना चाहिए। "जमा करें," "सबमिट करें सबमिट करें" या "भेजें" जैसे कुछ अच्छे उदाहरण हैं।
- ठीक क्लिक करें और बटन फॉर्म पर दिखाई देता है।
रीसेट बटन को उसी प्रक्रिया का उपयोग करके फ़ॉर्म में जोड़ा जा सकता है, लेकिन जमा करने के बजाय टाइप फ़ील्ड से रीसेट करें चुनें।
06 में से 06
KompoZer के साथ एक फॉर्म संपादन
KompoZer में एक फॉर्म या फॉर्म फ़ील्ड को संपादित करना बहुत आसान है। बस उस फ़ील्ड पर डबल-क्लिक करें जिसे आप संपादित करना चाहते हैं, और उपयुक्त संवाद बॉक्स प्रकट होता है जहां आप अपनी आवश्यकताओं के अनुसार फ़ील्ड गुणों को बदल सकते हैं। उपरोक्त चित्र इस ट्यूटोरियल में शामिल घटकों का उपयोग करके एक साधारण रूप दिखाता है।