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

HTML DOM Fieldset type प्रॉपर्टी का उपयोग fieldset तत्व के प्रकार को लौटाने के लिए किया जाता है। यह फील्डसेट तत्व के लिए हमेशा fieldset प्रकार का होगा। यह एक रीड-ओनली प्रॉपर्टी है।

सिंटैक्स

Fieldset type प्रॉपर्टी के लिए सिंटैक्स:

fieldsetObject.type

उदाहरण

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

<!DOCTYPE html> <html> <head> 
<script> 
  function FieldType() { 
    var field = document.getElementById("FieldSet1").type; 
    document.getElementById("Sample").innerHTML = "fieldset तत्व का प्रकार है: " + field; 
  } 
</script> </head> <body> 
<h1>नमूना FORM</h1> 
<form id="FORM1"> 
  <fieldset id="FieldSet1"> 
    <legend>उपयोगकर्ता डेटा:</legend> 
    नाम: <input type="text"><br> 
    पता: <input type="text"><br> 
    आयु: <input type="text"> 
  </fieldset> 
</form> 
<br> 
<button onclick="FieldType()">GET TYPE</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

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

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

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

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

• हमने एक फॉर्म तत्व के अंदर id "FieldSet1" वाला एक fieldset तत्व बनाया:

<form id="FORM1"> 
  <fieldset id="FieldSet1"> 
    <legend>उपयोगकर्ता डेटा:</legend> 
    नाम: <input type="text"><br> 
    पता: <input type="text"><br> 
    आयु: <input type="text"> 
  </fieldset> 
</form>

• फिर हमने एक बटन "GET TYPE" बनाया जो यूज़र द्वारा क्लिक किए जाने पर FieldType() फंक्शन को एक्ज़िक्यूट करेगा:

<button onclick="FieldType()">GET TYPE</button>

• FieldType() मेथड fieldset type attribute मान प्राप्त करेगा और इसे वेरिएबल field में असाइन करेगा। चूंकि fieldset तत्व के लिए प्रकार हमेशा fieldset होगा, यह fieldset मान लौटाएगा। यह मान फिर innerHTML प्रॉपर्टी का उपयोग करके id "Sample" वाले पैराग्राफ में प्रदर्शित किया जाता है:

function FieldType() { 
  var field = document.getElementById("FieldSet1").type; 
  document.getElementById("Sample").innerHTML = "fieldset तत्व का प्रकार है: " + field; 
}