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

HTML DOM Fieldset name प्रॉपर्टी का उपयोग <fieldset> एलिमेंट के name एट्रिब्यूट के मान को प्राप्त करने या सेट करने के लिए किया जाता है। name एट्रिब्यूट फॉर्म सबमिट होने के बाद फॉर्म डेटा की पहचान करने में या केवल फॉर्म एलिमेंट्स को संदर्भित करने में मदद करता है।

सिंटैक्स

Fieldset name प्रॉपर्टी सेट करने का सिंटैक्स निम्नलिखित है:

fieldsetObject.name = name

यहां, name फील्डसेट का नाम निर्दिष्ट करता है।

उदाहरण

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

<!DOCTYPE html> <html> <head> <script> 
  function fieldName() { 
    var field = document.getElementById("FieldSet1").name; 
    document.getElementById("Sample").innerHTML = "The fieldset name is " + field; 
  } 
</script> </head> <body> 
<h1>Sample FORM</h1> 
<form id="FORM1"> 
  <fieldset id="FieldSet1" name="FS1"> 
    <legend>User Data:</legend> 
    Name: <input type="text"><br> 
    Address: <input type="text"><br> 
    Age: <input type="text"> 
  </fieldset> 
</form> 
<br> 
<button onclick="fieldName()">GET NAME</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

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

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

GET NAME बटन पर क्लिक करने पर:

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

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

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

हमने पहले एक फॉर्म एलिमेंट के अंदर name="FS1" और id="FieldSet1" वाला एक फील्डसेट बनाया है।
फिर हमने एक GET NAME बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर fieldName() मेथड को एक्जीक्यूट करता है।
fieldName() मेथड getElementById() मेथड का उपयोग करके फील्डसेट एलिमेंट को प्राप्त करता है, फिर उसके name एट्रिब्यूट का मान प्राप्त करता है और इसे variable field में असाइन करता है। यह मान फिर id "Sample" वाले पैराग्राफ में innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।

function fieldName() { 
  var field = document.getElementById("FieldSet1").name; 
  document.getElementById("Sample").innerHTML = "The fieldset name is " + field; 
}