HTML DOM प्रपत्र क्रिया गुण प्रपत्र तत्व की क्रिया विशेषता से संबद्ध है। फॉर्म एक्शन प्रॉपर्टी वेब पेज को उपयोगकर्ता द्वारा सबमिट किए जाने के बाद फॉर्म डेटा भेजने के लिए निर्दिष्ट करती है। फ़ॉर्म को सबमिट करने के लिए निर्दिष्ट करने के लिए फ़ॉर्म सबमिट करने के बाद इस विशेषता को कॉल किया जाता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैफॉर्म एक्शन प्रॉपर्टी सेट करें -
formObject.action = URL
यहां, यूआरएल फॉर्म डेटा भेजने के लिए पता निर्दिष्ट करता है। यह एक संपूर्ण URL या एक सापेक्ष URL हो सकता है।
उदाहरण
आइए फॉर्म एक्शन प्रॉपर्टी का एक उदाहरण देखें -
<!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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने id=“Form1” और क्रिया “/sample.php” के साथ एक फॉर्म बनाया है। क्रिया विशेषता मान निर्दिष्ट करता है कि प्रपत्र डेटा sample.php पृष्ठ और उसके संबंधित url पर सबमिट किया जाएगा। प्रपत्र में एक टेक्स्ट फ़ील्ड और एक पासवर्ड फ़ील्ड होता है।
<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>
फिर हमने एक चेंज बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजएक्शन () विधि को निष्पादित करेगा -
<button onclick="changeAction()">CHANGE</button>
चेंजएक्शन () विधि "FORM1" तत्व प्राप्त करती है और इसकी क्रिया गुण मान को "/example_web.asp" पर सेट करती है। "नमूना" आईडी वाले अनुच्छेद की आंतरिक HTML संपत्ति का उपयोग करके हम उपयोगकर्ता को टेक्स्ट प्रदर्शित करके इस परिवर्तन को प्रदर्शित करते हैं -
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"; }