एचटीएमएल डोम इनपुट फॉर्म जमा करें विधि संपत्ति

<घंटा/>

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

तत्व से जुड़े विधि विशेषता मान को ओवरराइड करता है। इसे HTML5 में इनपुट एलिमेंट के लिए सबमिट टाइप के साथ पेश किया गया है।

सिंटैक्स

−

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

formMethod प्रॉपर्टी सेट करना -

submitObject.formMethod = get|post

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

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

उदाहरण

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

<!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>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</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>

आउटपुट

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

एचटीएमएल डोम इनपुट फॉर्म जमा करें विधि संपत्ति

चेंज बटन पर क्लिक करने पर -

एचटीएमएल डोम इनपुट फॉर्म जमा करें विधि संपत्ति