HTML DOM Form target प्रॉपर्टी का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म डेटा सबमिट होने के बाद प्रतिक्रिया कहाँ प्रदर्शित की जानी चाहिए। यह एक नए टैब, वर्तमान टैब या एक नई विंडो में प्रदर्शित हो सकता है। फॉर्म target प्रॉपर्टी target एट्रिब्यूट मान को सेट या प्राप्त करती है।
सिंटैक्स
target प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है:
formObject.target = "_blank|_self|_parent|_top|framename"
यहां, _blank नई विंडो में प्रतिक्रिया खोलेगा, _self उसी विंडो में प्रतिक्रिया खोलेगा; parent पैरेंट फ्रेम में खोलेगा, _top पूर्ण विंडो बॉडी में खोलेगा और framename इसे एक निर्दिष्ट नामित फ्रेम में खोलेगा।
उदाहरण
HTML DOM Form target प्रॉपर्टी का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <style> form { border:2px solid blue; margin:2px; padding:4px; } </style> <script> function SubmitForm() { document.getElementById("FORM1").submit(); } </script> </head> <body> <h1>Form submit() method example</h1> <form id="FORM1" method="post" action="/sample_page.php"> <label>User Name <input type="text" name="usrN"></label><br><br> <label>Age<input type="text" name="Age"></label> <br><br> <input type="button" onclick="SubmitForm()" value="SUBMIT"> </form> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा। सबमिट पर क्लिक करने पर, प्रतिक्रिया उसी विंडो में खुलेगी:
CHANGE बटन पर क्लिक करने और फिर सबमिट पर क्लिक करने पर; प्रतिक्रिया अब एक नए टैब में प्रदर्शित होगी:
इसमें दो इनपुट फ़ील्ड हैं जिनका टाइप टेक्स्ट है और एक बटन जिसका नाम SUBMIT है:
<form id="FORM1" method="post" action="/sample_page.php"> <label>User Name <input type="text" name="usrN"></label><br><br> <label>Age<input type="text" name="Age"></label> <br><br> <input type="button" onclick="SubmitForm()" value="SUBMIT"> </form>
हमने फिर एक CHANGE बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर changeTarg() मेथड को निष्पादित करेगा:
<button onclick="ChangeTarg()">CHANGE</button>
ChangeTarg() मेथड document ऑब्जेक्ट के getElementById() मेथड का उपयोग करके <form> तत्व प्राप्त करेगा और इसके target प्रॉपर्टी मान को "_blank" में बदल देगा। यह फॉर्म-डेटा सबमिट होने के बाद प्रतिक्रिया को एक नए टैब में प्रदर्शित करने की अनुमति देता है। यह परिवर्तन फिर id "Sample" वाले पैराग्राफ को कुछ टेक्स्ट असाइन करके और इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function ChangeTarg() { document.getElementById("FORM1").target = "_blank"; document.getElementById("Sample").innerHTML = "The target attribute value is now _blank."; }
