Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM फॉर्म एक्शन प्रॉपर्टी

<घंटा/>

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>

आउटपुट

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

HTML DOM फॉर्म एक्शन प्रॉपर्टी

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

HTML DOM फॉर्म एक्शन प्रॉपर्टी

उपरोक्त उदाहरण में -

हमने 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";
}

  1. एचटीएमएल डोम फॉर्म लक्ष्य संपत्ति

    एचटीएमएल डोम फॉर्म लक्ष्य संपत्ति का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म डेटा जमा करने के बाद प्रतिक्रिया कहां प्रदर्शित की जानी चाहिए। यह एक नए टैब, वर्तमान टैब या एक नई विंडो में प्रदर्शित हो सकता है। प्रपत्र लक्ष्य गुण सेट या लक्ष्य विशेषता मान प्राप्त करता है। सिंटैक्स − . के ल

  1. HTML DOM टेक्सटेरिया फॉर्म प्रॉपर्टी

    HTML DOM टेक्सटेरिया फॉर्म प्रॉपर्टी टेक्स्ट क्षेत्र को संलग्न करने वाले फॉर्म का उद्धरण देता है। सिंटैक्स निम्नलिखित वाक्य रचना है - object.form आइए HTML DOM Textarea फॉर्म प्रॉपर्टी का एक उदाहरण देखें: उदाहरण <!DOCTYPE html> <html> <style>    body {     &nbs

  1. HTML DOM ऑब्जेक्ट फॉर्म प्रॉपर्टी

    HTML DOM ऑब्जेक्ट फॉर्म प्रॉपर्टी एलिमेंट के लिए संलग्न फॉर्म का संदर्भ देता है। निम्नलिखित वाक्य रचना है - फ़ॉर्म . का संदर्भ लौटाना वस्तु ObjectElement.form आइए ऑब्जेक्ट फॉर्म प्रॉपर्टी का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <head> <title>HTML DOM Object fo