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