HTML DOM फ़ील्डसेट प्रकार की संपत्ति

<घंटा/>

HTML DOM फ़ील्डसेट प्रकार की संपत्ति का उपयोग फ़ील्डसेट तत्व प्रकार को वापस करने के लिए किया जाता है। फ़ील्डसेट तत्व के लिए यह हमेशा फ़ील्डसेट प्रकार का होगा। यह केवल पढ़ने के लिए संपत्ति है।

सिंटैक्स

फील्डसेट प्रकार की संपत्ति के लिए वाक्य रचना निम्नलिखित है -

fieldsetObject.type

उदाहरण

आइए फील्डसेट प्रकार की संपत्ति के लिए एक उदाहरण देखें -

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

आउटपुट

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

HTML DOM फ़ील्डसेट प्रकार की संपत्ति

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

HTML DOM फ़ील्डसेट प्रकार की संपत्ति

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

हमने एक फॉर्म एलिमेंट के अंदर आईडी “फील्डसेट1” के साथ एक फील्डसेट एलिमेंट बनाया है−

<form id="FORM1"> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>

हमने तब एक बटन "GET TYPE" बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर FieldType() फ़ंक्शन को निष्पादित करेगा -

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

फ़ील्ड टाइप () विधि फ़ील्डसेट प्रकार विशेषता मान प्राप्त करेगी और इसे वेरिएबल फ़ील्ड को असाइन करेगी। चूंकि फ़ील्डसेट तत्व का प्रकार हमेशा फ़ील्डसेट होगा, यह मान फ़ील्डसेट लौटाएगा। यह मान तब आंतरिक HTML गुण का उपयोग करके "नमूना" आईडी वाले अनुच्छेद में प्रदर्शित होता है -

function FieldType() {
   var field = document.getElementById("FieldSet1").type;
   document.getElementById("Sample").innerHTML = "The fieldset element is of type "+field;
}