wrap एट्रिब्यूट
wrap एट्रिब्यूट HTML में <textarea> तत्व के लिए टेक्स्ट रैपिंग व्यवहार निर्दिष्ट करता है। यह निर्धारित करता है कि फॉर्म सबमिट होने पर टेक्स्ट कैसे लपेटा (wrap) जाता है।
मान
| मान | विवरण |
|---|---|
soft (डिफ़ॉल्ट) |
टेक्स्ट ब्राउज़र में दृश्य रूप से लपेटा जाता है, लेकिन सबमिट होने पर लाइन ब्रेक नहीं भेजे जाते। |
hard |
टेक्स्ट दृश्य रूप से लपेटा जाता है और सबमिट होने पर लाइन ब्रेक (CR+LF) भेजे जाते हैं। cols एट्रिब्यूट आवश्यक है। |
off |
कोई लपेटन नहीं; क्षैतिज स्क्रॉलबार दिखाई देता है। (निरस्त, उपयोग न करें) |
उदाहरण
निम्नलिखित कोड wrap="hard" का उपयोग दिखाता है:
<!DOCTYPE html>
<html>
<body>
<h2>टेक्स्ट रैप उदाहरण</h2>
<form action="/submit" method="post">
<label for="details">विवरण (हार्ड रैप):</label><br>
<textarea id="details"
name="details"
rows="5"
cols="40"
wrap="hard"
placeholder="लंबा टेक्स्ट टाइप करें... लाइनें स्वचालित रूप से लपेटी जाएंगी और सबमिट पर संरक्षित रहेंगी।"></textarea><br><br>
<label for="notes">नोट्स (सॉफ्ट रैप - डिफ़ॉल्ट):</label><br>
<textarea id="notes"
name="notes"
rows="3"
cols="40"
wrap="soft"
placeholder="यहाँ टाइप करें... लाइनें केवल दृश्य रूप से लपेटी जाएंगी।"></textarea><br><br>
<input type="submit" value="सबमिट">
</form>
</body>
</html>
व्यवहार तुलना
उपयोगकर्ता इनपुट: "यह एक लंबा वाक्य है जो कई शब्दों वाला है।"
wrap="soft" सबमिशन: "यह एक लंबा वाक्य है जो कई शब्दों वाला है।" (कोई लाइन ब्रेक नहीं)
wrap="hard" सबमिशन: "यह एक लंबा वाक्य है जो\nकई शब्दों वाला है।" (cols पर लाइन ब्रेक डाले गए)
CSS विकल्प
केवल दृश्य लपेटन के लिए (सबमिशन डेटा प्रभावित किए बिना):
<style>
textarea {
white-space: pre-wrap; /* लाइन ब्रेक संरक्षित, लंबी लाइनें लपेटी जाती हैं */
word-wrap: break-word; /* लंबे शब्द तोड़े जाते हैं */
overflow-wrap: break-word; /* आधुनिक मानक */
}
</style>
सर्वर-साइड विचार
wrap="hard" के साथ, सर्वर को CRLF (\r\n) लाइन एंडिंग्स प्राप्त होंगे। डेटाबेस में संग्रहीत करते समय या प्रदर्शित करते समय इसे ध्यान में रखें।
