Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?


मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML <textarea> टैग का उपयोग करें। आप cols और rows एट्रिब्यूट्स का उपयोग करके टेक्स्ट एरिया का आकार सेट कर सकते हैं। इसका उपयोग फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें।

<textarea> टैग के एट्रिब्यूट्स

एट्रिब्यूटमानविवरण
autofocusautofocusनिर्दिष्ट करता है कि पेज लोड होने पर टेक्स्ट एरिया को स्वचालित रूप से फोकस मिलना चाहिए।
colsसंख्यादृश्यमान कैरेक्टर चौड़ाई की संख्या के आधार पर टेक्स्टएरिया की चौड़ाई निर्दिष्ट करता है।
disableddisabledटेक्स्टएरिया को अक्षम करता है।
formform_idएक या अधिक फॉर्म्स निर्दिष्ट करता है।
maxlengthसंख्याटेक्स्टएरिया में अधिकतम कैरेक्टर्स की संख्या निर्दिष्ट करता है।
nameटेक्स्टइनपुट कंट्रोल को एक नाम असाइन करता है।
placeholderटेक्स्टटेक्स्टएरिया में मान का एक संक्षिप्त संकेत निर्दिष्ट करता है।
readonlyreadonlyइनपुट कंट्रोल को रीड-ओनली सेट करता है।
requiredrequiredनिर्दिष्ट करता है कि एक टेक्स्टएरिया आवश्यक है।
rowsसंख्यादृश्यमान टेक्स्ट लाइन्स की संख्या के आधार पर टेक्स्टएरिया की ऊंचाई निर्दिष्ट करता है।
wraphard, softटेक्स्टएरिया में टेक्स्ट को रैप करने का तरीका निर्दिष्ट करता है।

उदाहरण

HTML में मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>    <head>       <title>HTML टेक्स्टएरिया टैग</title>    </head>    <body>       <form action = "/cgi-bin/hello_get.cgi" method = "get">          कॉलेज में आप क्या सुधार चाहते हैं?          <br>          <textarea rows = "5" cols = "60" name = "description">             यहां विवरण दर्ज करें...          </textarea><br>          <input type = "submit" value = "सबमिट" />       </form>    </body> </html>
  1. HTML लिस्ट में बुलेट्स और टेक्स्ट के बीच स्पेस कैसे बनाएं? HTML लिस्ट में बुलेट्स और टेक्स्ट के बीच स्पेस कैसे बनाएं?

    CSS padding-left प्रॉपर्टी अनऑर्डर्ड लिस्ट (<ul>) में बुलेट्स और टेक्स्ट के बीच स्पेस बनाने के लिए <li> टैग पर padding-left उपयोग करें। उदाहरण: बिना स्पेस वाली लिस्ट <!DOCTYPE html> <html> <head> <title>HTML List</title> </head> <body>

  1. HTML में ऑर्डर्ड लिस्ट कैसे बनाएं? HTML में ऑर्डर्ड लिस्ट कैसे बनाएं?

    बेसिक <ol> टैग HTML में ऑर्डर्ड लिस्ट (क्रमांकित सूची) बनाने के लिए <ol> टैग उपयोग करें। लिस्ट आइटम्स <li> से शुरू होते हैं। डिफ़ॉल्ट नंबर्स (1, 2, 3...) होते हैं। उदाहरण <!DOCTYPE html> <html> <body> <h1>Developed Countries</h1> <p>T

  1. HTML में कंडीशनल कमेंट्स कैसे बनाएं? HTML में कंडीशनल कमेंट्स कैसे बनाएं?

    इंटरनेट एक्सप्लोरर के लिए कंडीशनल कमेंट्स केवल माइक्रोसॉफ्ट इंटरनेट एक्सप्लोरर (IE 5+) द्वारा समझे जाते हैं। अन्य ब्राउज़र्स इन्हें सामान्य कमेंट्स की तरह अनदेखा कर देते हैं। उदाहरण: केवल IE 9 के लिए निर्देश <!DOCTYPE html> <html> <head> <title>HTML Conditional Commen