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

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

सिंटैक्स

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

formObject.action = URL

यहां, URL वह पता निर्दिष्ट करता है जहां फॉर्म डेटा भेजा जाना है। यह एक पूर्ण URL या सापेक्ष URL हो सकता है।

उदाहरण

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

<!DOCTYPE html> <html> <head> 
<style> 
  form{ 
    border:2px solid blue; 
    margin:2px; 
    padding:4px; 
  } 
</style> 
<script> 
  function changeAction() { 
    document.getElementById("FORM1").action = "/example_web.asp"; 
    document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; 
  } 
</script> </head> <body> 
<h1>Form action property example</h1> 
<form id="FORM1" action="/sample.php"> 
  <label>User Name <input type="text" name="usrN"></label> <br><br> 
  <label>Password <input type="password" name="pass"></label> 
</form> 
<br> 
<button onclick="changeAction()">CHANGE</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

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

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

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

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

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

हमने id="Form1" और action "/sample.php" वाला एक फॉर्म बनाया। action एट्रिब्यूट मान निर्दिष्ट करता है कि फॉर्म डेटा sample.php पेज पर सबमिट किया जाएगा और यह एक सापेक्ष URL है। फॉर्म में एक टेक्स्ट फील्ड और एक पासवर्ड फील्ड है।
फिर हमने एक CHANGE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर changeAction() मेथड को एक्जीक्यूट करता है।
changeAction() मेथड "FORM1" एलिमेंट को प्राप्त करता है और इसके action प्रॉपर्टी मान को "/example_web.asp" पर सेट करता है। id "Sample" वाले पैराग्राफ की innerHTML प्रॉपर्टी का उपयोग करके हम इस परिवर्तन को यूजर को टेक्स्ट प्रदर्शित करके दिखाते हैं।

function changeAction() { 
  document.getElementById("FORM1").action = "/example_web.asp"; 
  document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; 
}