HTML DOM टेक्स्टएरिया disabled प्रॉपर्टी: टेक्स्टएरिया अक्षम/सक्षम करना

HTML DOM टेक्स्टएरिया disabled प्रॉपर्टी लौटाती और संशोधित करती है कि HTML दस्तावेज़ में टेक्स्ट एरिया एलिमेंट अक्षम है या नहीं।

सिंटैक्स

1. disabled प्राप्त करना:

object.disabled

2. disabled सेट करना:

object.disabled = true | false

उदाहरण: टेक्स्टएरिया अक्षम करना

<!DOCTYPE html>
<html>
<style>
  body { color: #000; background: lightseagreen; height: 100vh; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया disabled प्रॉपर्टी डेमो</h1>
  <textarea placeholder="नमस्ते! मैं एक टेक्स्टएरिया एलिमेंट का प्लेसहोल्डर टेक्स्ट हूँ" rows="8" cols='20'></textarea>
  <button onclick="set()" class="btn">टेक्स्टएरिया अक्षम करें</button>
  <script>
    function set() {
      document.querySelector("textarea").disabled = true;
    }
  </script>
</body>
</html>

आउटपुट

प्रारंभ में: सक्रिय टेक्स्टएरिया प्लेसहोल्डर के साथ
"टेक्स्टएरिया अक्षम करें" क्लिक: टेक्स्टएरिया ग्रे हो जाता है, संपादन/फोकस असंभव

disabled के प्रभाव

यूज़र इंटरैक्शन: क्लिक, टाइप, फोकस, चयन - सभी अक्षम
फॉर्म सबमिशन: मान नहीं भेजा जाता
टैब ऑर्डर: टैब नेविगेशन से छोड़ दिया जाता है
स्टाइलिंग: ब्राउज़र डिफ़ॉल्ट ग्रे आउट स्टाइल लागू करता है
CSS: :disabled स्यूडो-क्लास से स्टाइल करें

disabled vs readOnly

व्यवहार	disabled	readOnly
फॉर्म सबमिशन में शामिल	नहीं	हाँ
फोकस प्राप्त कर सकता है	नहीं	हाँ
टैब नेविगेशन	छोड़ दिया जाता है	शामिल
कॉपी/चयन	संभव	संभव
उपयोग मामला	पूरी तरह अनुपलब्ध	देखने/कॉपी करने योग्य लेकिन संपादन नहीं

एक्सेसिबिलिटी नोट

अक्षम फील्ड्स को स्क्रीन रीडर्स "अनुपलब्ध" के रूप में घोषित करते हैं। यदि जानकारी महत्वपूर्ण है, तो readOnly या aria-readonly के साथ aria-describedby का उपयोग करने पर विचार करें।