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

HTML DOM Fieldset disabled प्रॉपर्टी का उपयोग दिए गए fieldset के अंदर मौजूद तत्वों के समूह को अक्षम करने के लिए किया जाता है। यदि यह प्रॉपर्टी true पर सेट है तो तत्व अक्षम हो जाते हैं अन्यथा वे सक्षम होते हैं, जो डिफ़ॉल्ट रूप से भी होता है। अक्षम तत्व डिफ़ॉल्ट रूप से ब्राउज़र द्वारा ग्रे में रेंडर किए जाते हैं और यूज़र उन तत्वों पर क्लिक या लिख नहीं सकते।

सिंटैक्स

disabled प्रॉपर्टी सेट करने के लिए सिंटैक्स:

fieldsetObj.disabled = true|false

disabled प्रॉपर्टी लौटाने के लिए सिंटैक्स:

fieldsetObj.disabled

उदाहरण

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

<!DOCTYPE html> <html> <head> 
<script> 
  function FieldDisable() { 
    document.getElementById("FieldSet1").disabled = true; 
  } 
  function FieldEnable() { 
    document.getElementById("FieldSet1").disabled = false; 
  } 
</script> </head> <body> 
<h1>नमूना FORM</h1> 
<form> 
  <fieldset id="FieldSet1"> 
    <legend>उपयोगकर्ता डेटा:</legend> 
    नाम: <input type="text"><br> 
    पता: <input type="text"><br> 
    आयु: <input type="text"> 
  </fieldset> 
</form> 
<br> 
<button onclick="FieldEnable()">Enable</button> 
<button onclick="FieldDisable()">Disable</button> 
<p>फील्डसेट को सक्षम करने के लिए एनेबल बटन पर और अक्षम करने के लिए डिसेबल पर क्लिक करें</p> 
</body> </html>

आउटपुट

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

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

Disable बटन पर क्लिक करने पर:

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

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

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

हमने पहले एक फॉर्म बनाया जिसमें तत्वों को <fieldset> तत्व का उपयोग करके समूहीकृत किया गया है जिसका id attribute "Fieldset1" पर सेट है:

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

फिर हमने दो बटन "Enable" और "Disable" बनाए जो क्रमशः FieldEnable() और FieldDisable() फंक्शन को एक्ज़िक्यूट करेंगे:

<button onclick="FieldEnable()">Enable</button> 
<button onclick="FieldDisable()">Disable</button>

fieldEnable() और FieldDisable() फंक्शन fieldset disabled प्रॉपर्टी को क्रमशः true और false पर सेट करते हैं। यह हमें निर्दिष्ट fieldset के अंदर मौजूद उन तत्वों को सक्षम या अक्षम करने की अनुमति देता है:

function FieldDisable() { 
  document.getElementById("FieldSet1").disabled = true; 
} 
function FieldEnable() { 
  document.getElementById("FieldSet1").disabled = false; 
}