HTML textarea tag क्या है - ldkalink
HTML <textarea> tag kya ha: जब हम कोई वेब पेज क्रिएट करते हैं तो एचटीएमएल कोडिंग करते समय एक टैग textarea भी देखने को मिलता है तो आखिर HTML में textarea tag क्या होता है किस तरह से इसका उपयोग वेबसाइट क्रिएट करते समय किया जाता है आज के इस आर्टिकल में जानने वाले है।
अगर आप इसके नाम यानी textarea को ध्यान से देखेंगे तो आपको पता चलेगा की यह नाम से ही स्पष्ट हो रहा है एक ऐसा एरिया जहां पर यूजर द्वारा टेक्स्ट लिखा जाएगा।
वैसे तो एचटीएमएल कोडिंग में यूजर द्वारा इनपुट लेने के लिए textarea tag के अलावा और भी दूसरे टाइप का टैग यूज़ किया जाता है पर अभी के इस आर्टिकल में textarea tag का उपयोग (use) एचटीएमएल में क्यों किया जाता है।
 |
| HTML textarea tag क्या है |
HTML textarea tag क्या है?
यह एक मल्टी-लाइन टेक्स्ट इनपुट कंट्रोल (textarea) है जिसका उपयोग अनलिमिटेड नंबर्स ऑफ़ कैरक्टर को इनपुट करने के लिए किया जाता है।
जब हमें अपने टेक्स्ट में कई सारे लाइनों की जरूरत पड़ती है या पढ़ सकती तो इसके लिए हम टेक्स्ट एरिया टैग का उपयोग करते हैं इसके अंदर आप जितना भी चाहे कैरेक्टर लिखते जाए इसकी कोई सीमा नहीं होती है
अतः टेस्ट एरिया टैग को हम इसकी परिभाषा से इस प्रकार से भी समझ सकते हैं:
textarea tag definition (परिभाषा)
यह <textarea> tag एक तरह से multi-line text input control को डिफाइन करता है जिसमें कैरेक्टर्स के कई सारे लाइन हो सकते हैं जब हमें बहुत सारे कैरेक्टर्स लिखने होते हैं तब इसका उपयोग किया जाता है।
textarea उपयोग (usage)
इस <textarea> element का उपयोग अक्सर फार्म क्रिएट करने के लिए या यूजर द्वारा इनपुट डाटा को कलेक्ट करने के लिए किया जाता है जैसे की कॉमेंट्स या रिव्यूज।
इस textarea tag में यदि कोई यूजर कोई टेक्स्ट इनपुट करता है तो यह इनपुट किस तरह से दिखाई देगा यानी टेक्स्ट कितने कॉलम और कितने रो में दिखाई देगा, तो इसके लिए हम cols और rows अटरीब्यूट का उपयोग कर सकते हैं या फिर सीएसएस की सहायता से भी यह काम कर सकते है।
इसमें name अटरीब्यूट जरूरी होता है फॉर्म रिफरेंस के लिए, जब फॉर्म को सबमिट किया जाता है।
इसमें Id एटीट्यूड भी जरूरी होता है टेक्स्ट एरिया को डिफाइन करने के लिए, id के अंदर लिखे वैल्यू का उपयोग हम जावास्क्रिप्ट कोड का उपयोग करने के लिए करते हैं।
Tip: जब हम textarea का उपयोग करते हैं तो इसे एक <label> tag के अंदर रखना चाहिए।
Browser support
कई सारे इंटरनेट यूजर का यह भी सवाल होता है कि जो टेस्ट एरिया हम एचटीएमएल में उपयोग करते है क्या यह हर तरह के वेब ब्राउजर को सपोर्ट करता है।
यह सभी तरह के ब्राउज़र को सपोर्ट करता है जैसे कि क्रोम, ओपेरा, सफारी, मोज़िला, माइक्रोसॉफ्ट।
Attributes
HTML textarea tag के अंतर्गत कई तरह के अटरीब्यूट का उपयोग किए जाते हैं किन-किन अटरीब्यूट्स का उपयोग कब और क्यों किया जाता है इसके बारे में जानते हैं:
Cols
इसकी value को हम number से डिफाइन करते हैं यानी कि जितना ज्यादा नंबर होगा टेक्स्ट एरिया की चौड़ाई उतनी ही बढ़ते जाएगी और rows में फिर अधिक कैरेक्टर दिखाई देने लगते हैं।
<textarea rows="4" cols="50">ldkalink.</textarea>
rows
इसकी value को हम number से डिफाइन करते हैं यानी कि जितना ज्यादा नंबर होगा टेक्स्ट एरिया की हाइट भी बढ़ती जाएगी।
<textarea rows="4" cols="50">ldkalink.</textarea>
HTML textarea tag में इसकी वैल्यू हम जितने नंबर का रखेंगे उतने ही लाइन उस textarea में दिखाई देगा यदि इसकी वैल्यू से ज्यादा टेक्स्ट लाइन इनपुट किये जाते है तो टेक्स्ट एरिया में एक स्क्रोल बार दिखाई देने लगता है जिसे हम ऊपर नीचे करके टेक्स्ट को देख सकते हैं।
autofocus
इसकी value को हम autofocus से डिफाइन करते हैं इसके उपयोग से जब कोई यूजर textarea में कोई टेक्स्ट इंटर करता है तो वह textarea ऑटोमेटिक focus होने लगता है।
<textarea rows="4" cols="50" autofocus>ldkalink</textarea>
dirname
इसकी value को हम textareaname.dir से डिफाइन करते हैं यह टैक्स की डायरेक्शन को बताता है।
<form action="/action_page.php">
Text:<br>
<textarea name="explanation"dirname="explanation.dir"></textarea>
<input type="submit" value="Submit">
</form>
disabled
इसकी value को हम disabled से डिफाइन करते हैं।
<textarea disabled>सफलता का रहस्य Motivational story - ldkalink</textarea>
form
इसकी value को हम form_id से डिफाइन करते हैं इससे पता चलता है कि यह textarea किस फॉर्म से बिलॉन्ग करता है।
<form action="/action_page.php">
<textarea name="comment" required></textarea>
<input type="submit">
</form>
maxlength
इसकी value को हम number से डिफाइन करते हैं यदि इसकी वैल्यू में हम कोई नंबर इंटर करते हैं तो टेक्स्ट एरिया में उतने ही करैक्टर दिखाई देंगे जितने नंबर हमने इंटर किया है।
<textarea rows="4" cols="50" maxlength="50">खुद को पहचानो motivational story in Hindi - ldkalink</textarea>
यह केवल 50 करैक्टर तक ही टेक्स्ट एरिया में लिखने की अनुमति देगा।
name
इसकी value को हम name से डिफाइन करते हैं यह textarea को एक नाम से डिफाइन करता है।
<form action="/action_page.php">
<textarea name="comment">Enter text here...</textarea>
<input type="submit">
</form>
Placeholder
इसकी value को हम text से डिफाइन करते हैं जब हम चाहते हैं कि textarea के अंदर कोई शब्द लिखा हुआ दिखाई दे जो यूजर को गाइड करें, कि इस टेक्स्ट एरिया के अंदर वह क्या कर सकता है इसके लिए हम जो भी टेक्स्ट इसकी वैल्यू के रूप में लिखते हैं वही टेक्स्ट टेक्स्ट एरिया के अंदर हमें दिखाई देता है।
<textarea rows="4" cols="50" placeholder="Describe yourself here..."></textarea>
readonly
इसकी value को हम readonly से डिफाइन करते हैं इसका उपयोग करने से हम textarea को सिर्फ रीड कर सकते हैं उसमें कोई टैक्स इंटर नहीं कर सकते है।
<textarea rows="4" cols="50" readonly>धैर्य का फल मीठा Motivational story - ldkalink</textarea>
required
इसकी value को हम required से डिफाइन करते हैं इसका उपयोग तब किया जाता है जब हम चाहते हैं कि टेक्स्ट एरिया में कुछ ना कुछ लिखा हो, यदि इसमें कुछ भी ना लिखा हो तो फॉर्म सबमिट नहीं होगा इसलिए इसमें कुछ टेक्स्ट लिखना जरूरी होता है।
<form action="/action_page.php">
<textarea rows="4" cols="50" name="comment" required>
</textarea>
<input type="submit">
</form>
wrap
इसकी value को हम hard या soft से डिफाइन करते हैं यदि हम इसकी वैल्यू को सॉफ्ट रखते हैं textarea में जो डाटा होगा जब हम इसे सबमिट करते हैं तो टेक्स्ट बिना wrap के ही दिखाई देगा।
लेकिन यदि हम इसकी वैल्यू को हार्ड रखते हैं और जब डाटा सबमिट किया जाता है तो टेक्स्ट wrap के रूप में दिखाई देता है।
<textarea rows="2" cols="20" wrap="hard">अभ्यास ही सफलता की कुंजी motivational story - ldkalink</textarea>
टिप्पणियाँ
एक टिप्पणी भेजें
please do not enter any spam link in the comment box.