जावास्क्रिप्ट एक्शन फॉर्म

| | | | | | | | | | | | | | | | | | | | | | |

एचटीएमएल फॉर्म एक्शन एट्रिब्यूट परिभाषित करता है कि वेब पेज पर फॉर्म सबमिट करने पर डेटा का क्या होना चाहिए। क्रिया विशेषता का मान वेब संसाधन का URL होना चाहिए जो फ़ॉर्म की सामग्री को संसाधित करेगा।

जब आप प्रपत्र बनाते हैं और अपनी साइट या वेब एप्लिकेशन पर डेटा का अनुरोध करते हैं, तो आप अक्सर अपने डेटा के साथ कुछ करना चाहते हैं, है ना? यह वह जगह है जहां आकार क्रिया विशेषता चलन में आती है।

आपको HTML में फ़ॉर्म बनाने की मूल बातें पता होनी चाहिए। मूल रूप से, आप प्रपत्र की सामग्री को

तत्व टैग में लपेटते हैं। ओपनिंग टैग में कुछ विशेषताएँ होती हैं जिनका हम उपयोग कर सकते हैं और उनमें से एक क्रिया है।

कार्रवाई विशेषता का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फ़ॉर्म सबमिट करते समय हम फ़ॉर्म डेटा कहाँ भेजना चाहते हैं। तो क्रिया मान वह पृष्ठ है जो प्रपत्र को संसाधित करेगा।

HTML प्रपत्र क्रिया विशेषता

HTML प्रपत्र की क्रिया विशेषता URL को इंगित करती है कि यह प्रपत्र की सामग्री को संसाधित करेगा . आपको यह सुनिश्चित करने की ज़रूरत है कि कार्रवाई विशेषता द्वारा इंगित वेब संसाधन आपकी "विधि" विशेषता में निर्दिष्ट विधि को स्वीकार करता है

आइए क्रिया विशेषता के सिंटैक्स पर एक नज़र डालते हैं: ।

action विशेषता हमारे शुरुआती लेबल के बीच दिखाई देती है। यह विशेषता अक्सर विधि विशेषता के साथ प्रयोग की जाती है।

डिफ़ॉल्ट रूप से, विधि विशेषता "प्राप्त करें" पर सेट होती है। इसका मतलब है कि आपका फॉर्म सबमिट होने पर HTTP GET अनुरोध पर डेटा सबमिट करेगा। आप अपने शुरुआती <मॉड्यूल> टैग

सबमिट बटन पर क्लिक करने पर फ़ॉर्म डेटा "कार्रवाई" URL पर भेजा जाता है

HTML फ़ॉर्म से उदाहरण कार्रवाई

एक उदाहरण देखें:

ऊपर, क्रिया उपयोगकर्ता नाम और ईमेल डेटा को process.html नामक पृष्ठ पर भेजती है। उपयोगकर्ता नाम और ईमेल डेटा में टाइप डी `इनपुट "टेक्स्ट होता है। हम इनपुट प्रकार "सबमिट" के साथ एक बटन को परिभाषित करते हैं। जब आप उस पर क्लिक करते हैं, तो यह बटन हमारे डेटा को हमारे "एक्शन" यूआरएल पर चिह्नित करेगा। p>

अब ऊपर दिए गए फॉर्म का उदाहरण दर्ज करें -। इसे एक वास्तविक HTML फ़ाइल में दर्ज करें। फिर उसी फ़ोल्डर में process.html नामक एक फ़ाइल बनाएं। इस फ़ाइल में निम्नलिखित सामग्री होनी चाहिए:

यह कोड एक साधारण वेब पेज को परिभाषित करता है जो पेज लोड होने पर टेक्स्ट का एक पैराग्राफ दिखाता है। ऑनलाइन फार्म हम पहले परिभाषित और यह संकलन है कि:

<आंकड़ा वर्ग = "WP छवि गुट">
 स्क्रीन शॉट 10 2020/08/02 34 02 PM <यह p> इस उदाहरण के साथ, आप सोच सकते हैं नहीं बहुत है उपयोगी। सच क्या है । सामान्य तौर पर, क्रिया विशेषता का उपयोग प्रपत्र की सामग्री को सर्वर पृष्ठों पर भेजने के लिए किया जाता है। उदाहरण के लिए हम प्रक्रिया.php नामक एक php फ़ाइल का उपयोग कर सकते हैं।

process.php फिर डेटा के साथ सभी जादू करेंगे। यह पृष्ठ हमारे डेटा को डेटाबेस में सहेज सकता है या आपकी पसंदीदा घटना के लिए पंजीकरण कर सकता है, आप इसे नाम दें। PHP एक शक्तिशाली सर्वर स्क्रिप्टिंग भाषा है, जिसका उपयोग अक्सर वेब विकास में किया जाता है। यदि आपने पहले वर्डप्रेस का उपयोग किया है, तो शायद कुछ संसाधित डेटा PHP द्वारा संसाधित किया जा रहा है।

PHP के बारे में अधिक जानने के लिए, हमारी PHP लर्निंग गाइड देखें।

क्या क्रिया विशेषता आवश्यक है?

HTML4 में, इसका उत्तर हां में होगा। आज के HTML5 के साथ, कोई क्रिया विशेषता निर्दिष्ट करने की कोई आवश्यकता नहीं है। आपके पास एक फॉर्म टैग है जिसमें कोई क्रिया विशेषता नहीं है तो डेटा अपने पेज पर भेजा जाएगा।

हमें ऐसा क्यों करना चाहिए? सिंगल पेज एप्लिकेशन (ZPS) के उद्भव के साथ , हम जावास्क्रिप्ट का उपयोग करके अपने फॉर्म डेटा को संसाधित करना चाह सकते हैं। या हम किसी अन्य ढांचे का उपयोग करके अपने डेटा को संसाधित करना चाहते हैं, जैसे रिएक्ट / कोणीय। a> जब फ़ॉर्म सबमिट किया गया हो।

निष्कर्ष

HTML फ़ॉर्म क्रिया विशेषता परिभाषित करती है कि फ़ॉर्म सबमिट करते समय फ़ॉर्म की सामग्री का क्या होता है। कार्रवाई विशेषता एक यूआरएल को तर्क के रूप में लेती है।

क्या आप एक वेब डेवलपर बनने में रुचि रखते हैं? हमारी HTML सीखने की संपूर्ण मार्गदर्शिका देखें। आपको HTML सीखने के लिए विशेषज्ञ युक्तियां मिलेंगी, साथ ही सर्वोत्तम ऑनलाइन पाठ्यक्रमों और शिक्षण संसाधनों की सूची भी मिलेगी।