HTML DOM टेक्स्टएरिया wrap प्रॉपर्टी: टेक्स्ट रैपिंग मोड नियंत्रित करना

HTML DOM टेक्स्टएरिया wrap प्रॉपर्टी टेक्स्ट एरिया एलिमेंट के wrap एट्रिब्यूट का मान लौटाती और संशोधित करती है। यह नियंत्रित करता है कि फॉर्म सबमिशन पर टेक्स्ट कैसे रैप होता है।

सिंटैक्स

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

object.wrap

2. wrap सेट करना:

object.wrap = "soft" | "hard"

उदाहरण: wrap मान दिखाना

<!DOCTYPE html>
<html>
<style>
  body { color: #000; height: 100vh; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 1rem 0; }
  .show { font-size: 1.5rem; margin: 1rem 0; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया wrap प्रॉपर्टी डेमो</h1>
  <form action='' method="post">
    <textarea rows="5" cols="28" wrap="soft">
      नमस्ते! मैं कुछ डमी टेक्स्ट के साथ एक टेक्स्ट एरिया एलिमेंट हूँ।
    </textarea>
    <input type="submit" class='btn' value="फॉर्म सबमिट करें">
  </form>
  <button onclick="set()" class="btn">wrap मान दिखाएं</button>
  <div class="show"></div>
  <script>
    function set() {
      document.querySelector('.show').innerHTML = "wrap एट्रिब्यूट का मान है " + document.querySelector("textarea").wrap;
    }
  </script>
</body>
</html>

आउटपुट

1. प्रारंभ में: wrap="soft" वाला टेक्स्टएरिया और सबमिट बटन
2. "wrap मान दिखाएं" क्लिक: "wrap एट्रिब्यूट का मान है soft" प्रदर्शित होता है

wrap मानों की व्याख्या

महत्वपूर्ण नोट्स

• hard मोड के लिए cols एट्रिब्यूट आवश्यक है
• wrap केवल सबमिशन व्यवहार प्रभावित करता है, दृश्य संपादन नहीं
• CSS white-space प्रॉपर्टी दृश्य रैपिंग को नियंत्रित करती है
• डिफ़ॉल्ट soft है यदि निर्दिष्ट नहीं

CSS से दृश्य रैपिंग नियंत्रण

textarea {
  white-space: pre-wrap;    /* लाइन ब्रेक्स संरक्षित, लंबी लाइनें रैप */
  /* या */
  white-space: normal;      /* सामान्य टेक्स्ट रैपिंग */
  /* या */
  white-space: nowrap;      /* कोई रैप नहीं, क्षैतिज स्क्रॉल */
}