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 = "4" cols = "40" name = "description">             यहां विवरण दर्ज करें...          </textarea>          <br>          <input type = "submit" value = "सबमिट" />       </form>    </body> </html>
  1. HTML में ईयर इनपुट टाइप कैसे उपयोग करें? HTML में ईयर इनपुट टाइप कैसे उपयोग करें?

    मंथ इनपुट टाइप HTML में <input type=month> का उपयोग करके किया जाता है। इसका उपयोग करके, यूज़र्स को मंथ और ईयर सिलेक्ट करने दें। लेकिन, क्या होगा यदि आप केवल ईयर पॉपअप दिखाना चाहते हैं? खैर, ईयर इनपुट टाइप उपलब्ध नहीं है। ईयर इनपुट टाइप का उपयोग करने के लिए, हम jQuery का उपयोग करके डेटपिकर जोड़

  1. HTML DOM Input Text ऑब्जेक्ट HTML DOM Input Text ऑब्जेक्ट

    HTML DOM Input Text ऑब्जेक्ट type text वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type text वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं। प्रॉपर्टीज Text ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं: प्रॉपर्टीविवरण autocompleteट

  1. HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें? HTML इनपुट फ़ील्ड के ऑटोकंप्लीट को कैसे अक्षम करें?

    किसी इनपुट फ़ील्ड के ऑटोकंप्लीट को अक्षम करने के लिए, आप autocomplete एट्रिब्यूट का उपयोग कर सकते हैं और इसे off पर सेट कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> input { font-size: 18px; padding: 10px; margin: 10px; border: 1px s