HTML textarea टैग का उपयोग एक रूप में बहु-पंक्ति टेक्स्ट इनपुट फ़ील्ड बनाने के लिए किया जाता है। इसे </code> के साथ परिभाषित किया गया है और इसमें असीमित संख्या में वर्ण हो सकते हैं।</em></p><p>जब आप एक HTML फ़ॉर्म बनाते हैं, तो आप तय कर सकते हैं कि आप स्वीकार करना चाहते हैं पाठ की एक लंबी स्ट्रिंग। उदाहरण के लिए, यदि आप किसी खुदरा विक्रेता की वेबसाइट के लिए ग्राहक संपर्क फ़ॉर्म बना रहे हैं, तो आप एक ऐसा प्रपत्र तत्व बना सकते हैं जो ग्राहक के सामने आने वाली समस्या का विस्तृत विवरण स्वीकार करता है।</p><p>यहां वह जगह है जहां HTML <code> <textarea></code> आता है। <code><textarea></code> तत्व का उपयोग एक आकृति तत्व बनाने के लिए किया जाता है जो टेक्स्ट मल्टीलाइन को संपादित करने के लिए कार्यक्षमता प्रदान करता है। यह तत्व उपयोगी है यदि आप एक से अधिक उपयोगकर्ताओं से पाठ प्रतिक्रियाओं को स्वीकार करना चाहते हैं।</p><p>यह ट्यूटोरियल कुछ उदाहरणों के साथ चर्चा करेगा कि अपने अल्ला में HTML <code><textarea></code> का उपयोग कैसे करें कोड। इस ट्यूटोरियल के अंत में, आपके पास <code><textarea></code> को एक के रूप में उपयोग करने के लिए आवश्यक सभी ज्ञान होगा! pro</p><h2>HTML Textarea टैग</h2><p><code><textarea></code> का प्रयोग प्रपत्र में एक बहुपंक्ति पाठ इनपुट नियंत्रण क्षेत्र को परिभाषित करने के लिए किया जाता है। . <code><textarea></code> में असीमित संख्या में वर्ण हो सकते हैं</p><p>वाक्यविन्यास <code><textarea></code> इस प्रकार है:</p> <p>रोकें हमारे कोड उतरे। हमारे वेब फॉर्म में टेक्स्ट क्षेत्र क्षेत्र को परिभाषित करने के लिए <code><textarea></code> टैग का उपयोग किया जाता है। <code><input></code> के विपरीत, <code><textarea></code> में ओपनिंग टैग (<code><textarea></code>) और क्लोजिंग ( <code></ textarea) दोनों होने चाहिए। > </कोड>)। ऐसा इसलिए है क्योंकि टेक्स्ट बॉक्स प्रदर्शित होने वाला डिफ़ॉल्ट टेक्स्ट दो </p><p>टैग के बीच समाहित है। हमने अपने उदाहरण में दो विशेषताएँ भी निर्दिष्ट की हैं:। सेक्शन -1 ट्रिगर-फास्ट-ट्रैक-मोडल" आईडी = "स्टेट-सेक्शन -1" स्टाइल = "डिस्प्ले: कोई नहीं;"> <p>कहा कि 81% प्रतिभागियों ने बूटकैंप में भाग लेने के बाद अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस किया। आज ही बूटकैंप से जुड़ें।</p> </div> </div> </div> <ul><li><strong>पंक्तियां </ मजबूत> ब्राउज़र को बताती है कि टेक्स्ट के क्षेत्र में कितनी लाइनें डिफॉउल होनी चाहिए टी। दूसरे शब्दों में, पंक्तियाँ विशेषता टेक्स्ट बॉक्स की ऊँचाई को इंगित करती हैं।</li><li><strong>Col. </ मजबूत> टेक्स्टबॉक्स में डिफ़ॉल्ट रूप से कॉलम की संख्या होनी चाहिए। दूसरे शब्दों में, Col. विशेषता टेक्स्ट बॉक्स की चौड़ाई को इंगित करती है</li></ul> </a> </div> <p>मान लीजिए कि हम एक के लिए एक वेब ट्रेनर बनाते हैं स्थानीय कपड़ों की दुकान। इस फॉर्म से ग्राहकों को उनकी खरीद पर टिप्पणी करने की अनुमति मिलनी चाहिए। चूंकि हम उपयोगकर्ताओं को विस्तृत टिप्पणियां सबमिट करने के लिए स्थान देना चाहते हैं, हम उपयोगकर्ता टिप्पणियों को एकत्र करने के लिए एक HTML <code><textarea></code> का उपयोग करेंगे।</कोड> p><p>टिप्पणी प्रपत्र बनाने के लिए हम निम्न कोड का उपयोग कर सकते हैं:</p> <p>हमारा कोड रिटर्न:</p><figure class = "wp-block image"> <img src = "h ttps: // LH6. googleusercontent.com / a0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP 91u3TiWx-XsTyB8YeQHJLJut19I-Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y_3N "alt =" A0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP91u3TiWx XsTyB8YeQHJLJut19I Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y 3N "> </ आंकड़ा> <p> Let "। हमारे कोड को तोड़ने के पहले, हम घोषित <code> <form> </code> जिसका उपयोग हमारे ऑनलाइन फॉर्म को परिभाषित करने के लिए किया जाता है। फिर हमने अपने पेज पर एक लेबल जोड़ने के लिए एक <कोड> <लेबल> </कोड> का उपयोग किया, जिसमें उपयोगकर्ता से पूछा गया <code>आपके पास हमारे लिए क्या प्रतिक्रिया है?</code></p><p>इसलिए, हमने रिटर्न फॉर्म बनाने के लिए <code><textarea></code> का उपयोग किया। हमने चार विशेषताएँ निर्दिष्ट की हैं, जो इस प्रकार हैं:</p><ul><li>पंक्तियाँ 5 हैं और फ़ील्ड की पंक्तियों की संख्या को संग्रहीत करता है</li><li>कर्नल 30 पर सेट है और संग्रहीत करता है। फ़ील्ड में जितने कॉलम होने चाहिए।</li><li>id प्रपत्र के लिए निर्दिष्ट विशिष्ट पहचानकर्ता है , जिसका उपयोग हम फ़ॉर्म जमा करते समय करेंगे।</li><li>नाम का उपयोग प्रपत्र की पहचान करने के लिए भी किया जाता है और यह n है यदि हम किसी वेब सर्वर पर फ़ॉर्म सबमिट करना चाहते हैं तो यह आवश्यक है।</li></ul> <p><code><textarea></code> सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।</p><p>उदाहरण ऊपर <code><textarea></code> का एक बुनियादी कार्यान्वयन है, लेकिन हम अपने फॉर्म को और अधिक उन्नत बना सकते हैं। ><textarea></code> टेक्स्ट बॉक्स बनाने के लिए।</p><h3>न्यूनतम और अधिकतम लंबाई </h3> <p>डॉस जाओ उदाहरण के लिए हमारे कपड़ों की दुकान में चलो मान लीजिए हम वर्णों की संख्या को सीमित करना चाहते हैं a ute nte 1000 पर भेजता है, ताकि उपयोगकर्ताओं को अपनी टिप्पणी लिखते समय संक्षिप्त होने के लिए प्रोत्साहित किया जा सके। हम यह सुनिश्चित करने के लिए न्यूनतम वर्ण सीमा 10 पर भी सेट करना चाहते हैं कि उपयोगकर्ता फ़ॉर्म में कुछ लिखें</p> </a> </div> <p> वह जगह है जहाँ MINLENGTH और maxLENGTH विशेषताएँ play में आती हैं। minlength का उपयोग उपयोगकर्ता द्वारा लिखे जाने वाले वर्णों की न्यूनतम संख्या को निर्दिष्ट करने के लिए किया जाता है और अधिकतम लंबाई का उपयोग किसी मॉड्यूल में उपयोगकर्ता द्वारा लिखे जा सकने वाले वर्णों की अधिकतम संख्या को निर्दिष्ट करने के लिए किया जाता है।</p><p>यहां हमारे पिछले वेब मॉड्यूल का एक उदाहरण दिया गया है जिसमें न्यूनतम लंबाई और अधिकतम लंबाई परिभाषित विशेषताएं हैं:</p> <p>हमारा रिटर्न फॉर्म:</p><figure class = "wp-block image"> <img src = "https: //lh3.googleusercontent .com / ztmPnPdTmOQ1f7X3SWtWwd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD- JSR784uIegJeXzrWAvArwI_FpuE7Ul6cOZAwtBtKOSuKqw9 wd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD JSR784uIegJeXzrWAvArwI FpuE7Ul6cOZAwtfJyfEKVSuKqCwOILHdc9gj << अगर मॉड्यूल अमान्य समझा जाता है, वहाँ हमारे मॉड्यूल के लिए कोई अक्षर हैं। छोड़ दिया "> यह नोट करना महत्वपूर्ण है कि उपयोगकर्ता हमारे रूप में कम से कम 10 अक्षर लिखते हैं, भले ही, पाठ क्षेत्र अभी भी मान्य माना जाएगा। यदि हम न्यूनतम सीमा लागू करना चाहते हैं, तो हमें आवश्यक <code></code> निर्दिष्ट करना होगा।</p><h3>प्लेसहोल्डर टेक्स्ट </h3> <p>उपरोक्त हमारे वेब फॉर्म में, हम डिफ़ॉल्ट टेक्स्ट को अंदर निर्दिष्ट करते हैं हमारा मॉड्यूल। इस पाठ का अर्थ है <code>आपकी टिप्पणियाँ यहाँ जाती हैं। </code> हालांकि यह जानकारी उपयोगी है, उपयोगकर्ता को डिफ़ॉल्ट टेक्स्ट को मैन्युअल रूप से हटाना होगा यदि वे फॉर्म के जवाब में नहीं चाहते हैं।</p><p>यदि आप प्लेसहोल्डर मान निर्दिष्ट करना चाहते हैं, तो आप इसका उपयोग कर सकते हैं <कोड>प्लेसहोल्डर</कोड>। यह विशेषता एक प्लेसहोल्डर मान को इंगित करती है जो प्रपत्र के खाली होने पर प्रदर्शित होता है। जैसे ही उपयोगकर्ता बॉक्स में टाइप करना शुरू करता है, प्लेसहोल्डर गायब हो जाता है।</p><p>यहां <code><textarea></code> का एक उदाहरण दिया गया है जिसमें प्लेसहोल्डर टेक्स्ट है <code>आपकी टिप्पणियां यहां जाती हैं . </code>:</p> <p>हमारा कोड रिटर्न:</p> <script> jQuery (दस्तावेज़) ) .ready (फ़ंक्शन () {jQuery (`# प्रशंसापत्र-अनुभाग -1`)। क्लिक करें (फ़ंक्शन (ई) {var टेक्स्ट = "अपना बूटकैंप मैच ढूंढें"; var प्रकार = "प्रशंसापत्र अनुभाग"; var ahref = jQuery ( this) .attr (`href`); GaEvent (टेक्स्ट, टाइप, `फास्टट्रैक`); fasTrackEvent (टाइप, टेक्स्ट, ahref);}); फंक्शन GaEvent (टेक्स्ट, नाम, इवेंटनाम) {var pathName = window.location. pathname.replace (/// g, ""); वर रेफरर = document.referrer; रेफरर = रेफरर .replace ("https: / /", ""); रेफरर = रेफरर। रिप्लेस ("http: //", ""); रेफरर = रेफरर। स्प्लिट (`/`) [0]; gtag (`event`, eventName, {cta_type: `fasttrack`, cta_name: name, cta_text: text, page_url: document.URL, page_path: pathName , रेफ़रलकर्ता: रेफ़रलकर्ता,});} fasTrackEvent फ़ंक्शन (प्रकार, टेक्स्ट, ahref, fC TA = null) {var article = jQuery (".thb-blockgrid")। जनक (को) । खोजें ("एच 2")। मूलपाठ ( ); अगर (लेख == "") {var article = jQuery ("h1")। मूलपाठ (); } analytics.track ("ब्लॉग - FastTrack CTA Clicked", {time: Date.now (), ctaType: type, ctaText: text, url: document.URL, article: article, category: jQuery (`. entry-header. Single_category_title `) .text (), स्रोत: "ब्लॉग", रेफ़रलकर्ता: document.referrer, ReferrerDomain: document.referrer.split (`/`) [2]}); अगर (एफसीटीए == शून्य) {var fCTA = `प्रशंसापत्र-अनुभाग`; } const firstFtCTA = localStorage.getItem (`firstFtCTA`); अगर (! firstFtCTA) {localStorage.setItem (`firstFtCTA`, fCTA); localStorage.setItem (`firstFtCTAPath`, document.URL); } localStorage.setItem (`lastFtCTA`, fCTA); localStorage.setItem (`lastFtCTAPath`, document.URL); analytics.identify ({... (firstFtCTA? {}: {firstFtCTA: localStorage.getItem (`firstFtCTA`), firstFtCTAPath: localStorage.getItem (`firstFtCTAPath`)}), lastFtCTA: fCTA, lastFtCTAPath}: document.URL, ); }}); </ Script> </div> <वर्ग face = "WP छवि ब्लॉक"> <img src = "https://lh3.googleusercontent.com/7EP_nEAj8Pki73CeUAszIZ_eE_8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m-YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb-CNJ0n21" alt = "7EP NEAj8Pki73CeUAszIZ ईई 8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb CNJ0n21 "> </figure> <p>जैसा कि आप देख सकते हैं, टेक्स्ट <code>आपकी टिप्पणियां यहां जाती हैं। </code> टेक्स्ट बॉक्स में दिखाई देता है। हालांकि, जब उपयोगकर्ता टाइप करना शुरू करता है, तो यह टेक्स्ट गायब हो जाता है। हम जानते हैं कि यह टेक्स्ट एक प्लेसहोल्डर है क्योंकि यह हल्का ग्रे है, जबकि डिफ़ॉल्ट टेक्स्ट, जैसा कि इस आलेख में हमारे पहले उदाहरण में दिखाया गया है, ठोस काले टेक्स्ट के रूप में दिखाई देता है (जब तक कि अन्यथा नोट न किया गया हो)।</p> </a> </div> <h2>HTML टेक्स्टबॉक्स विशेषताएँ</h2><p><code><textarea></code> लेबल-विशिष्ट विशेषताओं के एक सेट को स्वीकार करता है। <code> <textarea> </code> में जोड़ना सभी <a href=" का समर्थन करता है HTML में /html-textarea/"> वैश्विक विशेषताएं </a>।</p><p>यहां <code><textarea></code> द्वारा समर्थित विशिष्ट टैग विशेषताएं दी गई हैं:</p><तालिका वर्ग = "wp-block to table-info table"> <tbody> <tr> <td> <strong>विशेषताएं </ मजबूत> </ td> <td> <strong>मान </ मजबूत> </ td> <td > <strong>विवरण </ मजबूत> </ td> </ tr> <tr> <td> ऑटोफोकस </td> <td> ऑटोफोकस </td> <td> इंगित करता है कि टेक्स्ट क्षेत्र फोकस में होना चाहिए जब दस्तावेज़ लोड हो गया है। </ td> </ tr> <tr> <td> कर्नल </ td> <td> संख्या </ td> <td> टेक्स्ट बॉक्स के लिए डिफ़ॉल्ट रूप से प्रदर्शित टेक्स्ट की पंक्तियों की संख्या निर्दिष्ट करता है। </ td> </ tr> <tr> <td> अक्षम </td> <td> बूलियन </td> <td> उपयोगकर्ता इनपुट के लिए टेक्स्ट बॉक्स को सक्षम करने के लिए। </ td> </ tr> <tr> <td> फॉर्म </td> <td> मॉड्यूल आईडी </td> <td> टेक्स्ट बॉक्स मॉड्यूल से लिंक करें। </ td> </ tr> <tr> <td> अधिकतम लंबाई </ td> <td> संख्या </td> <td> टेक्स्ट बॉक्स द्वारा स्वीकृत वर्णों की अधिकतम संख्या को दर्शाता है।<br></ td> < / tr> <tr> <td> न्यूनतम लंबाई </ td> <td> संख्या </td> <td> टेक्स्ट बॉक्स द्वारा स्वीकृत वर्णों की न्यूनतम संख्या को दर्शाता है। </ td> </ tr> <tr> <td> नाम </td> <td> नाम </td> <td> टेक्स्ट बॉक्स का नाम। </ td> </ tr> <tr> <td> प्लेसहोल्डर </td> <td> टेक्स्ट </td> <td> प्लेसहोल्डर टेक्स्ट प्रदान करता है जो उपयोगकर्ता द्वारा टेक्स्टबॉक्स में टाइप करना शुरू करने पर गायब हो जाता है। </ td> </ tr> <tr> <td> केवल पढ़ने के लिए </ td> <td> बूलियन </td> <td> इंगित करता है कि उपयोगकर्ता textarea की सामग्री को संशोधित नहीं कर सकता है। </td> </tr> <tr> <td> आवश्यक </td> <td> बूलियन </td> <td> इंगित करता है कि उपयोगकर्ता को फ़ॉर्म भरना होगा। </ td> </ tr> <tr> <td> पंक्तियाँ </td> <td> संख्या </td> <td> टेक्स्ट बॉक्स के लिए डिफ़ॉल्ट रूप से प्रदर्शित टेक्स्ट कॉलम की संख्या को दर्शाता है। </ td> </ tr> </ tbody> </table> <h2></h2><h2>निष्कर्ष</h2><p>HTML <code><textarea></code> बनाने के लिए प्रयोग किया जाता है बहु-पंक्ति पाठ के इनपुट सदस्यों की संख्या। यदि आप एक से अधिक उपयोगकर्ता डेटा स्ट्रिंग एकत्र करना चाहते हैं तो ये उपयोगी हो सकते हैं।</p><p>इस ट्यूटोरियल में उदाहरणों का जिक्र करते हुए चर्चा की गई है कि टेक्स्ट बॉक्स बनाने के लिए <code><textarea></code> का उपयोग कैसे करें . इस ट्यूटोरियल ने <code><textarea></code> द्वारा प्रस्तुत विशिष्ट टैग विशेषताओं के साथ एक संदर्भ तालिका भी प्रदान की है। अब आप HTML विशेषज्ञ की तरह <code><textarea></code> का उपयोग शुरू करने के लिए तैयार हैं!</p>
</code> के साथ परिभाषित किया गया है और इसमें असीमित संख्या में वर्ण हो सकते हैं।</em></p><p>जब आप एक HTML फ़ॉर्म बनाते हैं, तो आप तय कर सकते हैं कि आप स्वीकार करना चाहते हैं पाठ की एक लंबी स्ट्रिंग। उदाहरण के लिए, यदि आप किसी खुदरा विक्रेता की वेबसाइट के लिए ग्राहक संपर्क फ़ॉर्म बना रहे हैं, तो आप एक ऐसा प्रपत्र तत्व बना सकते हैं जो ग्राहक के सामने आने वाली समस्या का विस्तृत विवरण स्वीकार करता है।</p><p>यहां वह जगह है जहां HTML <code> <textarea></code> आता है। <code><textarea></code> तत्व का उपयोग एक आकृति तत्व बनाने के लिए किया जाता है जो टेक्स्ट मल्टीलाइन को संपादित करने के लिए कार्यक्षमता प्रदान करता है। यह तत्व उपयोगी है यदि आप एक से अधिक उपयोगकर्ताओं से पाठ प्रतिक्रियाओं को स्वीकार करना चाहते हैं।</p><p>यह ट्यूटोरियल कुछ उदाहरणों के साथ चर्चा करेगा कि अपने अल्ला में HTML <code><textarea></code> का उपयोग कैसे करें कोड। इस ट्यूटोरियल के अंत में, आपके पास <code><textarea></code> को एक के रूप में उपयोग करने के लिए आवश्यक सभी ज्ञान होगा! pro</p><h2>HTML Textarea टैग</h2><p><code><textarea></code> का प्रयोग प्रपत्र में एक बहुपंक्ति पाठ इनपुट नियंत्रण क्षेत्र को परिभाषित करने के लिए किया जाता है। . <code><textarea></code> में असीमित संख्या में वर्ण हो सकते हैं</p><p>वाक्यविन्यास <code><textarea></code> इस प्रकार है:</p> <p>रोकें हमारे कोड उतरे। हमारे वेब फॉर्म में टेक्स्ट क्षेत्र क्षेत्र को परिभाषित करने के लिए <code><textarea></code> टैग का उपयोग किया जाता है। <code><input></code> के विपरीत, <code><textarea></code> में ओपनिंग टैग (<code><textarea></code>) और क्लोजिंग ( <code></ textarea) दोनों होने चाहिए। > </कोड>)। ऐसा इसलिए है क्योंकि टेक्स्ट बॉक्स प्रदर्शित होने वाला डिफ़ॉल्ट टेक्स्ट दो </p><p>टैग के बीच समाहित है। हमने अपने उदाहरण में दो विशेषताएँ भी निर्दिष्ट की हैं:। सेक्शन -1 ट्रिगर-फास्ट-ट्रैक-मोडल" आईडी = "स्टेट-सेक्शन -1" स्टाइल = "डिस्प्ले: कोई नहीं;"> <p>कहा कि 81% प्रतिभागियों ने बूटकैंप में भाग लेने के बाद अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस किया। आज ही बूटकैंप से जुड़ें।</p> </div> </div> </div> <ul><li><strong>पंक्तियां </ मजबूत> ब्राउज़र को बताती है कि टेक्स्ट के क्षेत्र में कितनी लाइनें डिफॉउल होनी चाहिए टी। दूसरे शब्दों में, पंक्तियाँ विशेषता टेक्स्ट बॉक्स की ऊँचाई को इंगित करती हैं।</li><li><strong>Col. </ मजबूत> टेक्स्टबॉक्स में डिफ़ॉल्ट रूप से कॉलम की संख्या होनी चाहिए। दूसरे शब्दों में, Col. विशेषता टेक्स्ट बॉक्स की चौड़ाई को इंगित करती है</li></ul> </a> </div> <p>मान लीजिए कि हम एक के लिए एक वेब ट्रेनर बनाते हैं स्थानीय कपड़ों की दुकान। इस फॉर्म से ग्राहकों को उनकी खरीद पर टिप्पणी करने की अनुमति मिलनी चाहिए। चूंकि हम उपयोगकर्ताओं को विस्तृत टिप्पणियां सबमिट करने के लिए स्थान देना चाहते हैं, हम उपयोगकर्ता टिप्पणियों को एकत्र करने के लिए एक HTML <code><textarea></code> का उपयोग करेंगे।</कोड> p><p>टिप्पणी प्रपत्र बनाने के लिए हम निम्न कोड का उपयोग कर सकते हैं:</p> <p>हमारा कोड रिटर्न:</p><figure class = "wp-block image"> <img src = "h ttps: // LH6. googleusercontent.com / a0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP 91u3TiWx-XsTyB8YeQHJLJut19I-Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y_3N "alt =" A0bBjFEzohKfpWUH6wMv2m0bBwWje2RZrGS4JQuBBDdrAGMvQdJpMP91u3TiWx XsTyB8YeQHJLJut19I Ou5k4VLIGpXoWD5KbbgO7FaSFZC6pdzWKjejyaRVV5HbtNDI54Y 3N "> </ आंकड़ा> <p> Let "। हमारे कोड को तोड़ने के पहले, हम घोषित <code> <form> </code> जिसका उपयोग हमारे ऑनलाइन फॉर्म को परिभाषित करने के लिए किया जाता है। फिर हमने अपने पेज पर एक लेबल जोड़ने के लिए एक <कोड> <लेबल> </कोड> का उपयोग किया, जिसमें उपयोगकर्ता से पूछा गया <code>आपके पास हमारे लिए क्या प्रतिक्रिया है?</code></p><p>इसलिए, हमने रिटर्न फॉर्म बनाने के लिए <code><textarea></code> का उपयोग किया। हमने चार विशेषताएँ निर्दिष्ट की हैं, जो इस प्रकार हैं:</p><ul><li>पंक्तियाँ 5 हैं और फ़ील्ड की पंक्तियों की संख्या को संग्रहीत करता है</li><li>कर्नल 30 पर सेट है और संग्रहीत करता है। फ़ील्ड में जितने कॉलम होने चाहिए।</li><li>id प्रपत्र के लिए निर्दिष्ट विशिष्ट पहचानकर्ता है , जिसका उपयोग हम फ़ॉर्म जमा करते समय करेंगे।</li><li>नाम का उपयोग प्रपत्र की पहचान करने के लिए भी किया जाता है और यह n है यदि हम किसी वेब सर्वर पर फ़ॉर्म सबमिट करना चाहते हैं तो यह आवश्यक है।</li></ul> <p><code><textarea></code> सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।</p><p>उदाहरण ऊपर <code><textarea></code> का एक बुनियादी कार्यान्वयन है, लेकिन हम अपने फॉर्म को और अधिक उन्नत बना सकते हैं। ><textarea></code> टेक्स्ट बॉक्स बनाने के लिए।</p><h3>न्यूनतम और अधिकतम लंबाई </h3> <p>डॉस जाओ उदाहरण के लिए हमारे कपड़ों की दुकान में चलो मान लीजिए हम वर्णों की संख्या को सीमित करना चाहते हैं a ute nte 1000 पर भेजता है, ताकि उपयोगकर्ताओं को अपनी टिप्पणी लिखते समय संक्षिप्त होने के लिए प्रोत्साहित किया जा सके। हम यह सुनिश्चित करने के लिए न्यूनतम वर्ण सीमा 10 पर भी सेट करना चाहते हैं कि उपयोगकर्ता फ़ॉर्म में कुछ लिखें</p> </a> </div> <p> वह जगह है जहाँ MINLENGTH और maxLENGTH विशेषताएँ play में आती हैं। minlength का उपयोग उपयोगकर्ता द्वारा लिखे जाने वाले वर्णों की न्यूनतम संख्या को निर्दिष्ट करने के लिए किया जाता है और अधिकतम लंबाई का उपयोग किसी मॉड्यूल में उपयोगकर्ता द्वारा लिखे जा सकने वाले वर्णों की अधिकतम संख्या को निर्दिष्ट करने के लिए किया जाता है।</p><p>यहां हमारे पिछले वेब मॉड्यूल का एक उदाहरण दिया गया है जिसमें न्यूनतम लंबाई और अधिकतम लंबाई परिभाषित विशेषताएं हैं:</p> <p>हमारा रिटर्न फॉर्म:</p><figure class = "wp-block image"> <img src = "https: //lh3.googleusercontent .com / ztmPnPdTmOQ1f7X3SWtWwd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD- JSR784uIegJeXzrWAvArwI_FpuE7Ul6cOZAwtBtKOSuKqw9 wd3iSXouyXSNof94000099SzkZHWo5Gy8TrbeKv0ZzD JSR784uIegJeXzrWAvArwI FpuE7Ul6cOZAwtfJyfEKVSuKqCwOILHdc9gj << अगर मॉड्यूल अमान्य समझा जाता है, वहाँ हमारे मॉड्यूल के लिए कोई अक्षर हैं। छोड़ दिया "> यह नोट करना महत्वपूर्ण है कि उपयोगकर्ता हमारे रूप में कम से कम 10 अक्षर लिखते हैं, भले ही, पाठ क्षेत्र अभी भी मान्य माना जाएगा। यदि हम न्यूनतम सीमा लागू करना चाहते हैं, तो हमें आवश्यक <code></code> निर्दिष्ट करना होगा।</p><h3>प्लेसहोल्डर टेक्स्ट </h3> <p>उपरोक्त हमारे वेब फॉर्म में, हम डिफ़ॉल्ट टेक्स्ट को अंदर निर्दिष्ट करते हैं हमारा मॉड्यूल। इस पाठ का अर्थ है <code>आपकी टिप्पणियाँ यहाँ जाती हैं। </code> हालांकि यह जानकारी उपयोगी है, उपयोगकर्ता को डिफ़ॉल्ट टेक्स्ट को मैन्युअल रूप से हटाना होगा यदि वे फॉर्म के जवाब में नहीं चाहते हैं।</p><p>यदि आप प्लेसहोल्डर मान निर्दिष्ट करना चाहते हैं, तो आप इसका उपयोग कर सकते हैं <कोड>प्लेसहोल्डर</कोड>। यह विशेषता एक प्लेसहोल्डर मान को इंगित करती है जो प्रपत्र के खाली होने पर प्रदर्शित होता है। जैसे ही उपयोगकर्ता बॉक्स में टाइप करना शुरू करता है, प्लेसहोल्डर गायब हो जाता है।</p><p>यहां <code><textarea></code> का एक उदाहरण दिया गया है जिसमें प्लेसहोल्डर टेक्स्ट है <code>आपकी टिप्पणियां यहां जाती हैं . </code>:</p> <p>हमारा कोड रिटर्न:</p> <script> jQuery (दस्तावेज़) ) .ready (फ़ंक्शन () {jQuery (`# प्रशंसापत्र-अनुभाग -1`)। क्लिक करें (फ़ंक्शन (ई) {var टेक्स्ट = "अपना बूटकैंप मैच ढूंढें"; var प्रकार = "प्रशंसापत्र अनुभाग"; var ahref = jQuery ( this) .attr (`href`); GaEvent (टेक्स्ट, टाइप, `फास्टट्रैक`); fasTrackEvent (टाइप, टेक्स्ट, ahref);}); फंक्शन GaEvent (टेक्स्ट, नाम, इवेंटनाम) {var pathName = window.location. pathname.replace (/// g, ""); वर रेफरर = document.referrer; रेफरर = रेफरर .replace ("https: / /", ""); रेफरर = रेफरर। रिप्लेस ("http: //", ""); रेफरर = रेफरर। स्प्लिट (`/`) [0]; gtag (`event`, eventName, {cta_type: `fasttrack`, cta_name: name, cta_text: text, page_url: document.URL, page_path: pathName , रेफ़रलकर्ता: रेफ़रलकर्ता,});} fasTrackEvent फ़ंक्शन (प्रकार, टेक्स्ट, ahref, fC TA = null) {var article = jQuery (".thb-blockgrid")। जनक (को) । खोजें ("एच 2")। मूलपाठ ( ); अगर (लेख == "") {var article = jQuery ("h1")। मूलपाठ (); } analytics.track ("ब्लॉग - FastTrack CTA Clicked", {time: Date.now (), ctaType: type, ctaText: text, url: document.URL, article: article, category: jQuery (`. entry-header. Single_category_title `) .text (), स्रोत: "ब्लॉग", रेफ़रलकर्ता: document.referrer, ReferrerDomain: document.referrer.split (`/`) [2]}); अगर (एफसीटीए == शून्य) {var fCTA = `प्रशंसापत्र-अनुभाग`; } const firstFtCTA = localStorage.getItem (`firstFtCTA`); अगर (! firstFtCTA) {localStorage.setItem (`firstFtCTA`, fCTA); localStorage.setItem (`firstFtCTAPath`, document.URL); } localStorage.setItem (`lastFtCTA`, fCTA); localStorage.setItem (`lastFtCTAPath`, document.URL); analytics.identify ({... (firstFtCTA? {}: {firstFtCTA: localStorage.getItem (`firstFtCTA`), firstFtCTAPath: localStorage.getItem (`firstFtCTAPath`)}), lastFtCTA: fCTA, lastFtCTAPath}: document.URL, ); }}); </ Script> </div> <वर्ग face = "WP छवि ब्लॉक"> <img src = "https://lh3.googleusercontent.com/7EP_nEAj8Pki73CeUAszIZ_eE_8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m-YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb-CNJ0n21" alt = "7EP NEAj8Pki73CeUAszIZ ईई 8ZJ4LuvxOu820CYCWR4hVxEd3kLM75CUCcuWNw2m YPzdnfnC5McAGP1qAGBdyk7saA8hBDrHaSKUWFj9OFcDA0V5QYTdK1WY5eqzb CNJ0n21 "> </figure> <p>जैसा कि आप देख सकते हैं, टेक्स्ट <code>आपकी टिप्पणियां यहां जाती हैं। </code> टेक्स्ट बॉक्स में दिखाई देता है। हालांकि, जब उपयोगकर्ता टाइप करना शुरू करता है, तो यह टेक्स्ट गायब हो जाता है। हम जानते हैं कि यह टेक्स्ट एक प्लेसहोल्डर है क्योंकि यह हल्का ग्रे है, जबकि डिफ़ॉल्ट टेक्स्ट, जैसा कि इस आलेख में हमारे पहले उदाहरण में दिखाया गया है, ठोस काले टेक्स्ट के रूप में दिखाई देता है (जब तक कि अन्यथा नोट न किया गया हो)।</p> </a> </div> <h2>HTML टेक्स्टबॉक्स विशेषताएँ</h2><p><code><textarea></code> लेबल-विशिष्ट विशेषताओं के एक सेट को स्वीकार करता है। <code> <textarea> </code> में जोड़ना सभी <a href=" का समर्थन करता है HTML में /html-textarea/"> वैश्विक विशेषताएं </a>।</p><p>यहां <code><textarea></code> द्वारा समर्थित विशिष्ट टैग विशेषताएं दी गई हैं:</p><तालिका वर्ग = "wp-block to table-info table"> <tbody> <tr> <td> <strong>विशेषताएं </ मजबूत> </ td> <td> <strong>मान </ मजबूत> </ td> <td > <strong>विवरण </ मजबूत> </ td> </ tr> <tr> <td> ऑटोफोकस </td> <td> ऑटोफोकस </td> <td> इंगित करता है कि टेक्स्ट क्षेत्र फोकस में होना चाहिए जब दस्तावेज़ लोड हो गया है। </ td> </ tr> <tr> <td> कर्नल </ td> <td> संख्या </ td> <td> टेक्स्ट बॉक्स के लिए डिफ़ॉल्ट रूप से प्रदर्शित टेक्स्ट की पंक्तियों की संख्या निर्दिष्ट करता है। </ td> </ tr> <tr> <td> अक्षम </td> <td> बूलियन </td> <td> उपयोगकर्ता इनपुट के लिए टेक्स्ट बॉक्स को सक्षम करने के लिए। </ td> </ tr> <tr> <td> फॉर्म </td> <td> मॉड्यूल आईडी </td> <td> टेक्स्ट बॉक्स मॉड्यूल से लिंक करें। </ td> </ tr> <tr> <td> अधिकतम लंबाई </ td> <td> संख्या </td> <td> टेक्स्ट बॉक्स द्वारा स्वीकृत वर्णों की अधिकतम संख्या को दर्शाता है।<br></ td> < / tr> <tr> <td> न्यूनतम लंबाई </ td> <td> संख्या </td> <td> टेक्स्ट बॉक्स द्वारा स्वीकृत वर्णों की न्यूनतम संख्या को दर्शाता है। </ td> </ tr> <tr> <td> नाम </td> <td> नाम </td> <td> टेक्स्ट बॉक्स का नाम। </ td> </ tr> <tr> <td> प्लेसहोल्डर </td> <td> टेक्स्ट </td> <td> प्लेसहोल्डर टेक्स्ट प्रदान करता है जो उपयोगकर्ता द्वारा टेक्स्टबॉक्स में टाइप करना शुरू करने पर गायब हो जाता है। </ td> </ tr> <tr> <td> केवल पढ़ने के लिए </ td> <td> बूलियन </td> <td> इंगित करता है कि उपयोगकर्ता textarea की सामग्री को संशोधित नहीं कर सकता है। </td> </tr> <tr> <td> आवश्यक </td> <td> बूलियन </td> <td> इंगित करता है कि उपयोगकर्ता को फ़ॉर्म भरना होगा। </ td> </ tr> <tr> <td> पंक्तियाँ </td> <td> संख्या </td> <td> टेक्स्ट बॉक्स के लिए डिफ़ॉल्ट रूप से प्रदर्शित टेक्स्ट कॉलम की संख्या को दर्शाता है। </ td> </ tr> </ tbody> </table> <h2></h2><h2>निष्कर्ष</h2><p>HTML <code><textarea></code> बनाने के लिए प्रयोग किया जाता है बहु-पंक्ति पाठ के इनपुट सदस्यों की संख्या। यदि आप एक से अधिक उपयोगकर्ता डेटा स्ट्रिंग एकत्र करना चाहते हैं तो ये उपयोगी हो सकते हैं।</p><p>इस ट्यूटोरियल में उदाहरणों का जिक्र करते हुए चर्चा की गई है कि टेक्स्ट बॉक्स बनाने के लिए <code><textarea></code> का उपयोग कैसे करें . इस ट्यूटोरियल ने <code><textarea></code> द्वारा प्रस्तुत विशिष्ट टैग विशेषताओं के साथ एक संदर्भ तालिका भी प्रदान की है। अब आप HTML विशेषज्ञ की तरह <code><textarea></code> का उपयोग शुरू करने के लिए तैयार हैं!</p>
Michael Zippo