HTML फॉर्म एक्शन एट्रिब्यूट में महारत हासिल करना:एक चरण-दर-चरण मार्गदर्शिका

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

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

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

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

<पी> HTML फॉर्म एक्शन विशेषता उस यूआरएल को बताती है जो फॉर्म की सामग्री को संसाधित करेगा। आपको यह सुनिश्चित करना चाहिए कि जिस वेब संसाधन पर कार्रवाई विशेषता बिंदु है वह आपके "विधि" विशेषता में निर्दिष्ट किसी भी विधि को स्वीकार करता है।

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

<form action="/submit.php">
 
</form>

<पी> एक्शन विशेषता हमारे शुरुआती टैग के बीच दिखाई देती है। इस विशेषता का उपयोग अक्सर विधि विशेषता के साथ किया जाता है।

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

<पी> सबमिट बटन पर क्लिक करने पर फॉर्म से डेटा "एक्शन" यूआरएल पर भेजा जाता है।

फॉर्म एक्शन HTML उदाहरण

<पी> आइए एक उदाहरण देखें:

<form action="process.html" method="get">
 <label for="username">User</label>
 <input type="text" id="username" name="username"><br><br>
 <label for="email">Email</label>
 <input type="email" id="email" name="email"><br><br>
 <input type="submit" value="Submit">
</form>

<पी> ऊपर, कार्रवाई उपयोगकर्ता नाम और ईमेल डेटा को प्रोसेस.एचटीएमएल नामक पेज पर भेज रही है। उपयोगकर्ता नाम और ईमेल डेटा में इनपुट प्रकार "टेक्स्ट" है। हम इनपुट प्रकार "सबमिट" के साथ एक बटन को परिभाषित करते हैं। क्लिक करने पर, यह बटन हमारा डेटा हमारे "कार्रवाई" URL पर भेज देगा।

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

<html>
 <head>
 <meta charset="UTF-8">
 <title>Process</title>
 </head>
 <body>This is the destination process page</body>
</html>

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

HTML फॉर्म एक्शन एट्रिब्यूट में महारत हासिल करना:एक चरण-दर-चरण मार्गदर्शिका

<पी> अब सबमिट पर क्लिक करें. ध्यान दें कि हमें स्वचालित रूप से प्रोसेस.एचटीएमएल पेज पर ले जाया गया! फिर, क्या आपने यूआरएल बार पर ध्यान दिया, वह सारा अतिरिक्त डेटा क्या है? "?" के बाद का डेटा प्रतीक क्वेरी पैरामीटर हैं, और चूंकि हमने अनुरोध को GET के रूप में निर्दिष्ट किया है, डेटा को क्वेरी पैरामीटर के रूप में पारित किया जा रहा है।

<पी> इस उदाहरण से आप सोच सकते हैं कि यह बहुत उपयोगी नहीं है। यह सच है. आमतौर पर एक्शन विशेषता का उपयोग फॉर्म सामग्री को सर्वर पेजों पर भेजने के लिए किया जाता है। उदाहरण के लिए, हम प्रोसेस.php.

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

<पी> PHP के बारे में अधिक जानने के लिए, हमारी PHP कैसे सीखें मार्गदर्शिका देखें।

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

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

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

<पी> यदि हम वेनिला जावास्क्रिप्ट का उपयोग करते हैं तो हम अक्सर फॉर्म सबमिट होने पर जावास्क्रिप्ट ईवेंट श्रोता जोड़कर ऐसा करते हैं।

निष्कर्ष

<पी> HTML फॉर्म एक्शन विशेषता परिभाषित करती है कि फॉर्म सबमिट होने पर फॉर्म की सामग्री का क्या होता है। क्रिया विशेषता एक URL को एक तर्क के रूप में स्वीकार करती है।

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