HTML फॉर्म एक्शन एट्रिब्यूट परिभाषित करता है कि जब एक फॉर्म वेब पेज पर सबमिट किया जाता है तो डेटा का क्या होना चाहिए। एक्शन एट्रिब्यूट का मान उस वेब संसाधन का URL होना चाहिए जो फॉर्म की सामग्री को प्रोसेस करेगा।
अपनी साइट या वेब एप्लिकेशन पर फॉर्म बनाते समय और डेटा मांगते समय, आप अक्सर अपने डेटा के साथ कुछ करना चाहेंगे, है ना? यहीं फॉर्म एक्शन एट्रिब्यूट काम आता है।
आपको HTML में फॉर्म बनाने की मूल बातें पता होनी चाहिए। आप मूल रूप से अपने फॉर्म की सामग्री को <form> तत्व में लपेटते हैं। ओपनिंग टैग में कुछ एट्रिब्यूट्स होते हैं जिनका हम उपयोग कर सकते हैं, और उनमें से एक एक्शन है।
एक्शन एट्रिब्यूट का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि जब फॉर्म सबमिट किया जाता है तो हम फॉर्म डेटा को कहां भेजना चाहते हैं। तो एक्शन का मान वह पेज है जो फॉर्म को प्रोसेस करेगा।
HTML फॉर्म एक्शन एट्रिब्यूट उस URL को बताता है जो फॉर्म की सामग्री को प्रोसेस करेगा। आपको यह सुनिश्चित करना चाहिए कि वह वेब संसाधन जिस पर एक्शन एट्रिब्यूट इंगित करता है, आपके "मेथड" एट्रिब्यूट में निर्दिष्ट किसी भी मेथड को स्वीकार करता है।
आइए एक्शन एट्रिब्यूट के सिंटैक्स पर एक नज़र डालें:
<form action="/submit.php"> </form>
एक्शन एट्रिब्यूट हमारे ओपनिंग <form> टैग के बीच दिखाई देता है। इस एट्रिब्यूट का उपयोग अक्सर मेथड एट्रिब्यूट के साथ किया जाता है।
डिफ़ॉल्ट रूप से, मेथड एट्रिब्यूट "गेट" पर सेट होता है। इसका मतलब है कि जब आपका फॉर्म सबमिट किया जाता है तो यह डेटा को HTTP GET अनुरोध पर भेजेगा। आप अपने ओपनिंग <form> टैग में "method='post'" निर्दिष्ट करके मेथड को बदल सकते हैं।
फॉर्म से डेटा "एक्शन" URL पर भेजा जाता है जब एक सबमिट बटन पर क्लिक किया जाता है।
फॉर्म एक्शन HTML उदाहरण
आइए एक उदाहरण देखें:
<form action="process.html" method="get"> <label for="username">उपयोगकर्ता</label> <input type="text" id="username" name="username"><br><br> <label for="email">ईमेल</label> <input type="email" id="email" name="email"><br><br> <input type="submit" value="सबमिट"> </form>
ऊपर, एक्शन यूज़रनेम और ईमेल डेटा को process.html नामक पेज पर भेज रहा है। यूज़रनेम और ईमेल डेटा का इनपुट टाइप "टेक्स्ट" है। हम इनपुट टाइप "सबमिट" के साथ एक बटन परिभाषित करते हैं। जब क्लिक किया जाता है, तो यह बटन हमारे डेटा को हमारे "एक्शन" URL पर भेज देगा।
अब उपरोक्त फॉर्म उदाहरण को एक वास्तविक HTML फाइल में प्लग करें। फिर उसी फ़ोल्डर में process.html नाम की एक और फाइल बनाएं। इस फाइल में निम्नलिखित सामग्री होनी चाहिए:
<html> <head> <meta charset="UTF-8"> <title>प्रोसेस</title> </head> <body>यह गंतव्य प्रोसेस पेज है</body> </html>
यह कोड एक साधारण वेब पेज को परिभाषित करता है जो पेज लोड होने पर टेक्स्ट का एक पैराग्राफ दिखाता है। आइए पहले से परिभाषित अपने वेब फॉर्म पर वापस जाएं और इसे भरें:
अब सबमिट पर क्लिक करें। ध्यान दें कि हमें स्वचालित रूप से process.html पेज पर ले जाया गया! फिर, क्या आपने URL बार देखा, वह सारा अतिरिक्त डेटा क्या है? "?" सिंबल के बाद का डेटा क्वेरी पैरामीटर्स हैं, और चूंकि हमने अनुरोध को GET के रूप में निर्दिष्ट किया था, डेटा को क्वेरी पैरामीटर्स के रूप में पास किया जा रहा है।
इस उदाहरण के साथ आप सोच सकते हैं कि यह बहुत उपयोगी नहीं है। यह सच है। आमतौर पर एक्शन एट्रिब्यूट का उपयोग फॉर्म की सामग्री को सर्वर पेज पर भेजने के लिए किया जाता है। उदाहरण के लिए, हम process.php नाम की एक PHP फाइल का उपयोग कर सकते हैं।
यह process.php फिर डेटा के साथ सारा जादू करेगा। यह पेज हमारे डेटा को डेटाबेस में सहेज सकता है, या आपको आपके पसंदीदा इवेंट के लिए रजिस्टर कर सकता है, आप इसे नाम दें। PHP एक शक्तिशाली सर्वर स्क्रिप्टिंग भाषा है, जिसका उपयोग अक्सर वेब डेवलपमेंट में किया जाता है। यदि आपने कभी वर्डप्रेस का उपयोग किया है, तो शायद डेटा को PHP के माध्यम से प्रोसेस किया जा रहा है।
PHP के बारे में अधिक जानने के लिए, हमारा PHP सीखने का गाइड देखें।
क्या एक्शन एट्रिब्यूट आवश्यक है?
HTML4 में, उत्तर हां होता। आजकल HTML5 के साथ, आपको एक्शन एट्रिब्यूट निर्दिष्ट करने की आवश्यकता नहीं है। यदि आपके पास एक्शन एट्रिब्यूट के बिना एक फॉर्म टैग है तो डेटा अपने ही पेज पर भेजा जाएगा।
हम ऐसा क्यों करेंगे? सिंगल पेज एप्लिकेशन (SPA) के जन्म के साथ, हम अपने फॉर्म डेटा को जावास्क्रिप्ट का उपयोग करके प्रोसेस करना चाह सकते हैं। या हम रिएक्ट/एंगुलर जैसे किसी अन्य फ्रेमवर्क का उपयोग करके अपने डेटा को प्रोसेस करना चाह सकते हैं।
यदि हम वेनिला जावास्क्रिप्ट का उपयोग करते हैं तो हम अक्सर ऐसा तब करते हैं जब फॉर्म सबमिट किया गया हो तब एक जावास्क्रिप्ट इवेंट लिसनर जोड़कर।
निष्कर्ष
HTML फॉर्म एक्शन एट्रिब्यूट परिभाषित करता है कि जब फॉर्म सबमिट किया जाता है तो फॉर्म की सामग्री का क्या होता है। एक्शन एट्रिब्यूट एक URL को तर्क के रूप में स्वीकार करता है।
क्या आप वेब डेवलपर बनने में रुचि रखते हैं? हमारा पूरा HTML सीखने का गाइड देखें। आपको HTML सीखने पर विशेषज्ञ सलाह के साथ-साथ शीर्ष ऑनलाइन पाठ्यक्रमों और शिक्षण संसाधनों की सूची मिलेगी।
