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

HTML DOM Form name प्रॉपर्टी फॉर्म तत्व के name attribute से जुड़ी होती है। Form name प्रॉपर्टी का उपयोग फॉर्म name attribute के मान को सेट करने या प्राप्त करने के लिए किया जाता है। Form name प्रॉपर्टी फॉर्म को नाम देती है।

सिंटैक्स

फॉर्म नाम सेट करने के लिए सिंटैक्स:

formObject.name = name

यहां, name फॉर्म का नाम निर्दिष्ट करता है।

उदाहरण

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

<!DOCTYPE html> <html> <head> 
<style> 
  form { 
    border:2px solid blue; 
    margin:2px; 
    padding:4px; 
  } 
</style> 
<script> 
  function ChangeName() { 
    document.getElementById("FORM1").name="FORM_2"; 
    document.getElementById("Sample").innerHTML = "फॉर्म का नाम FORM_1 से FORM_2 में बदल दिया गया है"; 
  } 
</script> </head> <body> 
<h1>Form length प्रॉपर्टी उदाहरण</h1> 
<form id="FORM1" method="post" action="/sample_page.php" name="FORM_1"> 
  <label>User Name <input type="text" name="usrN"></label> 
  <br><br> 
  <label>Age <input type="text" name="Age"></label> 
  <br><br> 
  <input type="submit" value="SUBMIT"> 
</form> 
<p>ऊपर दिए गए फॉर्म का नाम नीचे दिए गए बटन पर क्लिक करके बदलें</p> 
<button onclick="ChangeName()">Change Name</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

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

"Change Name" बटन पर क्लिक करने पर:

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

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

• हमने पहले एक फॉर्म बनाया जिसमें id="FORM1", method="post", action="/sample_page.php" और name attribute मान "FORM_1" पर सेट है। फॉर्म में दो टेक्स्ट टाइप के इनपुट फील्ड और फॉर्म डेटा को सर्वर पर सबमिट करने के लिए एक सबमिट बटन है:

<form id="FORM1" method="post" action="/sample_page.php" name="FORM_1"> 
  <label>User Name <input type="text" name="usrN"></label> 
  <br><br> 
  <label>Age <input type="text" name="Age"></label> 
  <br><br> 
  <input type="submit" value="SUBMIT"> 
</form>

• फिर हमने एक बटन "Change Name" बनाया जो यूज़र द्वारा क्लिक किए जाने पर ChangeName() मेथड को एक्ज़िक्यूट करता है:

<button onclick="ChangeName()">Change Name</button>

• ChangeName() मेथड document ऑब्जेक्ट के getElementById() मेथड का उपयोग करके फॉर्म तत्व को प्राप्त करता है और इसके name attribute मान को "FORM_2" में बदलता है। यह परिवर्तन फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रतिबिंबित होता है:

function ChangeName() { 
  document.getElementById("FORM1").name="FORM_2"; 
  document.getElementById("Sample").innerHTML = "फॉर्म का नाम FORM_1 से FORM_2 में बदल दिया गया है"; 
}