HTML <textarea> टैग
- पिछला पृष्ठ <template>
- अगला पृष्ठ <tfoot>
परिभाषा और उपयोग
<textarea>
टैग बहु-पद टेक्स्ट इनपुट कंट्रोल को परिभाषित करता है。
<textarea>
एलिमेंट्स आमतौर पर फॉर्म में उपयोग में आते हैं, इसका उपयोग उपयोगकर्ता के इनपुट को संग्रह करने के लिए किया जाता है, जैसे कि कमेंट या कमेंट।
टेक्स्ट क्षेत्र असीमित संख्या के अक्षरों को सहन कर सकता है और टेक्स्ट पंचसिद्धि फ़ॉन्ट (सामान्यतया Courier) से प्रस्तुत होता है。
टेक्स्ट रीजन का आकार cols और rows गुण (या CSS का उपयोग) के द्वारा निर्धारित किया जाता है।
फॉर्म को सबमिट करने के बाद name गुण की आवश्यकता है ताकि फॉर्म डाटा को संदर्भित किया जा सके (यदि name गुण छोड़ दिया जाता है, तो टेक्स्ट रीजन के डाटा को सबमिट नहीं किया जाएगा)।
टेक्स्ट रीजन को लेबल (label) के साथ संबंधित करने के लिए id गुण की आवश्यकता है।
सूचना:हमेशा जोड़ें <label> टैग, उच्चतम दृश्यता प्रथाओं के लिए प्रयास करें!
इसके अलावा देखें:
HTML DOM संदर्भ मानचित्र:Textarea ऑब्जैक्ट
CSS शिक्षण:फॉर्म स्टाइलिंग
सामग्री
उदाहरण 1
एक बहुलाकार टेक्स्ट इनपुट कंट्रोल (टेक्स्ट रीजन):
<label for="w3review">CodeW3C.com पर टिप्पणी:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> codew3c.com पर आपको वेबसाइट डेवलप करने के बारे में सीखने की संभावना है। वे सभी वेब डेवलपमेंट तकनीकों के नि:शुल्क ट्यूटोरियल प्रदान करते हैं。 </textarea>
उदाहरण 2
डिफ़ॉल्ट आकार समायोजन विकल्प को असक्षम करना:
<html> <head> <style> textarea { resize: none; } </style> </head> <body> <label for="w3review">CodeW3C.com पर टिप्पणी:</label> <textarea id="w3review" name="w3review" rows="4" cols="50"> codew3c.com पर आपको वेबसाइट डेवलप करने के बारे में सीखने की संभावना है। वे सभी वेब डेवलपमेंट तकनीकों के नि:शुल्क ट्यूटोरियल प्रदान करते हैं。 </textarea> </body> </html>
प्रतियोगिता
प्रतियोगिता | मूल्य | वर्णन |
---|---|---|
autofocus | autofocus | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन को पृष्ठ लोड होने पर स्वत: फोकस प्राप्त करना चाहिए। |
cols | संख्या | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन की दिखने वाली चौड़ाई क्या हो। |
dirname | textareaname.dir | यह प्रतियोगिता निर्धारित करता है कि सबमिट किए जाने वाले टेक्स्ट रीजन के टेक्स्ट का लिप्यांतरण दिशा क्या हो। |
disabled | disabled | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन को अयोग्य कर दिया जाए। |
form | फॉर्म id | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन का फॉर्म कैसा है। |
maxlength | संख्या | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन को किसी फॉर्म में अधिकतम कैरेक्टर संख्या की अनुमति है। |
name | टेक्स्ट | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन का नाम क्या हो। |
placeholder | टेक्स्ट | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन के अपेक्षित मान के लिए छोटी सी सूचना देती है। |
readonly | readonly | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन केवल पढ़ने के लिए होगा। |
required | required | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन अनिवार्य है। |
rows | संख्या | यह प्रतियोगिता निर्धारित करता है कि टेक्स्ट रीजन में दिखने वाली लाइनों की संख्या कैसी हो। |
wrap |
|
यह प्रतियोगिता निर्धारित करता है कि फॉर्म को सबमिट करते समय टेक्स्ट रीजन में टेक्स्ट कैसे लाइन बदले जाए। |
वैश्विक गुण
<textarea>
टैग यहाँ भी समर्थित करता है HTML में वैश्विक गुण。
इवेंट प्रतियोगिता
<textarea>
टैग यहाँ भी समर्थित करता है HTML में इवेंट प्रतियोगिता。
मूवैया CSS सेटिंग
शून्य.
ब्राउज़र समर्थन
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ <template>
- अगला पृष्ठ <tfoot>