HTML DOM Input Submit formMethod प्रॉपर्टी

HTML DOM Input Submit formMethod प्रॉपर्टी का उपयोग सबमिट बटन के formMethod एट्रिब्यूट मान को सेट या वापस करने के लिए किया जाता है। यह निर्दिष्ट करता है कि फॉर्म डेटा को सर्वर पर भेजते समय किस HTTP मेथड का उपयोग किया जाना चाहिए। formMethod एट्रिब्यूट मान <form> एलिमेंट से जुड़े method एट्रिब्यूट मान को ओवरराइड करता है। इसे HTML5 में type submit वाले इनपुट एलिमेंट के लिए पेश किया गया था।

सिंटैक्स

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

submitObject.formMethod = get|post

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

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

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>Submit formMethod property</h1> 
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px"> 
  UserName: <input type="text" id="USR"> <br> 
  Location: <input type="text" id="Loc"><br><br> 
  <input type="submit" id="SUBMIT1" formmethod="post"> 
</form> 
<p>फॉर्म के अंदर ऊपर वाले सबमिट बटन के formMethod एट्रिब्यूट मान को get पर सेट करने के लिए नीचे दिए गए बटन पर क्लिक करें</p> 
<button onclick="changeMethod()">CHANGE</button> 
<p id="Sample"></p> 
<script> 
  function changeMethod() { 
    document.getElementById("SUBMIT1").formMethod = "get"; 
    document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get"; 
  } 
</script> 
</body> </html>

आउटपुट

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

CHANGE बटन पर क्लिक करने पर: