<घंटा/>

HTML DOM फॉर्म मेथड प्रॉपर्टी फॉर्म एलिमेंट की मेथड एट्रिब्यूट से जुड़ी होती है। इस गुण का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि सर्वर पर प्रपत्र डेटा कैसे भेजा जाना चाहिए। डेटा भेजने का पता कार्रवाई विशेषता द्वारा निर्दिष्ट किया जाता है। यह गुण प्रपत्र विधि गुण मान सेट या प्राप्त करता है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

मेथड प्रॉपर्टी सेट करना -

formObject.method =get|post;

यहां, डिफ़ॉल्ट विधि प्राप्त करें और फॉर्म-डेटा को यूआरएल में जोड़ दें। जैसे:URL?name=value&name=value. यह आमतौर पर सुरक्षित नहीं होता है और इसका उपयोग ऐसे डेटा के लिए किया जा सकता है जो निजी नहीं है। उपयोगकर्ता url स्ट्रिंग को देखकर भेजे जा रहे डेटा को देख सकता है।

दूसरी विधि पोस्ट डेटा को HTTP पोस्ट लेनदेन के रूप में भेजती है और आमतौर पर सुरक्षित होती है, क्योंकि कोई भी डेटा को सर्वर पर भेजे जाने के दौरान नहीं देख सकता है।

उदाहरण

आइए फॉर्म मेथड प्रॉपर्टी के लिए एक उदाहरण देखें -

<सिर> <शैली> फ़ॉर्म { सीमा:2px ठोस नीला; मार्जिन:2 पीएक्स; पैडिंग:4 पीएक्स; }

फॉर्म लेंथ प्रॉपर्टी उदाहरण

विधि विशेषता बदलें नीचे दिए गए बटन पर क्लिक करके ऊपर दिए गए फॉर्म का मूल्य

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम फॉर्म विधि संपत्ति

सबमिट बटन पर क्लिक करने और URL देखने पर -

127.0.0.1:5500/sample_page.php

"बदलें" बटन पर क्लिक करने पर -

एचटीएमएल डोम फॉर्म विधि संपत्ति

अभी सबमिट करें बटन पर क्लिक करने और लिंक देखने पर।

127.0.0.1:5500/sample_page.php?usrN=USER2&Age=22

उपरोक्त उदाहरण में -

हमने सबसे पहले एक फॉर्म बनाया है जिसमें आईडी ="FORM1", विधि ="पोस्ट" और क्रिया विशेषता मान "/sample_page.php" पर सेट है। यहां मेथड एट्रिब्यूट वैल्यू पोस्ट यह सुनिश्चित करती है कि फॉर्म डेटा सुरक्षित रूप से ट्रांसफर हो और हर कोई इसे न देखे। फॉर्म में टाइप टेक्स्ट के साथ दो इनपुट फील्ड और सर्वर पर फॉर्म डेटा सबमिट करने के लिए एक सबमिट बटन होता है।

उपयोगकर्ता नाम <इनपुट प्रकार="text" name="usrN"> 

<लेबल>आयु <इनपुट प्रकार ="पाठ" नाम ="आयु">  
 
 
 हमने तब एक बटन "चेंज" बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजमेथोड () फ़ंक्शन को निष्पादित करेगा।
 
 
 ChangeMethod () फ़ंक्शन दस्तावेज़ ऑब्जेक्ट getElementById () विधि का उपयोग करके प्रपत्र तत्व प्राप्त करता है और इसकी विधि विशेषता मान को "प्राप्त" पर सेट करता है। मान को "प्राप्त" में बदलने का अर्थ है कि उपयोगकर्ता डेटा अब url में प्रदर्शित किया जा सकता है। "नमूना" आईडी वाले अनुच्छेद के आंतरिक HTML गुण का उपयोग करके हम इस परिवर्तन के बारे में इच्छित पाठ प्रदर्शित करते हैं -
 फ़ंक्शन ChangeMethod() { document.getElementById("FORM1").method="get"; document.getElementById("Sample").innerHTML ="फॉर्म विधि को 'पोस्ट' से 'get' में बदल दिया गया है";}