HTML DOM Form method प्रॉपर्टी

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

सिंटैक्स

Method प्रॉपर्टी सेट करने का सिंटैक्स:

formObject.method = get|post;

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

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

उदाहरण

Form method प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<style> 
  form{ 
    border:2px solid blue; 
    margin:2px; 
    padding:4px; 
  } 
</style> 
<script> 
  function ChangeMethod() { 
    document.getElementById("FORM1").method = "get"; 
    document.getElementById("Sample").innerHTML = "The form method is changed from 'post' to 'get'"; 
  } 
</script> </head> <body> 
<h1>Form length property example</h1> 
<form id="FORM1" method="post" action="/sample_page.php"> 
  <label>User Name <input type="text" name="usrN"></label> <br><br> 
  <label>Age <input type="text" name="Age"></label> <br><br> 
  <input type="submit" value="SUBMIT"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले फॉर्म के method एट्रिब्यूट मान को बदलें</p> 
<button onclick="ChangeMethod()">Change</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Form method प्रॉपर्टी

SUBMIT बटन पर क्लिक करने और URL देखने पर:

127.0.0.1:5500/sample_page.php

"Change" बटन पर क्लिक करने पर:

HTML DOM Form method प्रॉपर्टी

अब SUBMIT बटन पर क्लिक करने और लिंक देखने पर:

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

उदाहरण की व्याख्या

हमने पहले एक फॉर्म बनाया जिसमें id="FORM1", method="post" और action एट्रिब्यूट मान "/sample_page.php" पर सेट है। यहां method एट्रिब्यूट मान post सुनिश्चित करता है कि फॉर्म डेटा सुरक्षित रूप से स्थानांतरित हो और हर कोई इसे न देख सके। फॉर्म में दो टेक्स्ट टाइप के इनपुट फील्ड और फॉर्म डेटा को सर्वर पर सबमिट करने के लिए एक सबमिट बटन है।
फिर हमने एक "Change" बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर changeMethod() फंक्शन को एक्जीक्यूट करता है।
ChangeMethod() फंक्शन डॉक्यूमेंट ऑब्जेक्ट के getElementById() मेथड का उपयोग करके फॉर्म एलिमेंट को प्राप्त करता है और इसके method एट्रिब्यूट मान को "get" पर सेट करता है। मान को "get" में बदलने का अर्थ है कि यूजर डेटा अब URL में प्रदर्शित हो सकता है। id "Sample" वाले पैराग्राफ की innerHTML प्रॉपर्टी का उपयोग करके हम इस परिवर्तन के बारे में इच्छित टेक्स्ट प्रदर्शित करते हैं।

function ChangeMethod() { 
  document.getElementById("FORM1").method = "get"; 
  document.getElementById("Sample").innerHTML = "The form method is changed from 'post' to 'get'"; 
}