কিভাবে HTML এ একটি মাল্টি-লাইন টেক্সট ইনপুট (টেক্সট এরিয়া) তৈরি করবেন?

একটি বহু-লাইন পাঠ্য ইনপুট তৈরি করতে, HTML ট্যাগ ব্যবহার করুন৷ আপনি কল এবং সারি বৈশিষ্ট্য ব্যবহার করে একটি পাঠ্য এলাকার আকার সেট করতে পারেন। এটি একটি ফর্মের মধ্যে ব্যবহার করা হয়, ব্যবহারকারীদের একাধিক সারিতে পাঠ্য ইনপুট করার অনুমতি দিতে৷</P> <p style="">এখানে <textarea> ট্যাগ-</P>-এর বৈশিষ্ট্যগুলি রয়েছে৷ <table><thead><tr><th style="width:20.354%; text-align:center;">অ্যাট্রিবিউট <br> </th> <th style="width:16.4602%; text-align:center;">মান <br> </th> <th style="width:62.97%; text-align:center;">বিবরণ <br> </th> </tr> </thead> <tbody><tr><td style="width:20.354%; text-align:center;">অটোফোকাস <br> </td> <td style="width:16.4602%; text-align:center;">অটোফোকাস <br> </td> <td style="width:62.97%;">নির্দিষ্ট করে যে পৃষ্ঠা লোড করার সময় পাঠ্য অঞ্চলটি স্বয়ংক্রিয়ভাবে ফোকাস পেতে হবে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">কলস <br> </td> <td style="width:16.4602%; text-align:center;">সংখ্যা <br> </td> <td style="width:62.97%;">দৃশ্যমান অক্ষরের প্রস্থের সংখ্যার উপর ভিত্তি করে টেক্সটেরিয়ার প্রস্থ নির্দিষ্ট করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">অক্ষম করা হয়েছে <br> </td> <td style="width:16.4602%; text-align:center;">অক্ষম <br> </td> <td style="width:62.97%;">দৃশ্যমান অক্ষরের প্রস্থের সংখ্যার উপর ভিত্তি করে টেক্সটেরিয়ার প্রস্থ নির্দিষ্ট করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">ফর্ম <br> </td> <td style="width:16.4602%; text-align:center;">form_id <br> </td> <td style="width:62.97%;">এক বা একাধিক ফর্ম নির্দিষ্ট করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">সর্বোচ্চ দৈর্ঘ্য <br> </td> <td style="width:16.4602%; text-align:center;">সংখ্যা <br> </td> <td style="width:62.97%;">টেক্সটেরিয়াতে অক্ষরের সর্বাধিক সংখ্যা নির্দিষ্ট করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">নাম <br> </td> <td style="width:16.4602%; text-align:center;">পাঠ্য <br> </td> <td style="width:62.97%;">ইনপুট নিয়ন্ত্রণে একটি নাম বরাদ্দ করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">প্লেসহোল্ডার <br> </td> <td style="width:16.4602%; text-align:center;">পাঠ্য <br> </td> <td style="width:62.97%;">টেক্সটেরিয়াতে মানের একটি সংক্ষিপ্ত ইঙ্গিত নির্দিষ্ট করে৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">পাঠ্যমাত্র <br> </td> <td style="width:16.4602%; text-align:center;">শুধু পঠনযোগ্য <br> </td> <td style="width:62.97%;">ইনপুট কন্ট্রোলকে শুধুমাত্র পড়ার জন্য সেট করে৷ এটি ব্যবহারকারীকে মান পরিবর্তন করার অনুমতি দেবে না। নিয়ন্ত্রণ অবশ্য ফোকাস পেতে পারে এবং ফর্ম কন্ট্রোলের মাধ্যমে ট্যাব করার সময় অন্তর্ভুক্ত করা হয়। <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">প্রয়োজন <br> </td> <td style="width:16.4602%; text-align:center;">প্রয়োজন <br> </td> <td style="width:62.97%;">নির্দিষ্ট করে যে একটি টেক্সটেরিয়া প্রয়োজন৷ <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">সারি <br> </td> <td style="width:16.4602%; text-align:center;">সংখ্যা <br> </td> <td style="width:62.97%;">টেক্সটের দৃশ্যমান লাইনের সংখ্যার উপর ভিত্তি করে টেক্সটেরিয়ার উচ্চতা নির্দিষ্ট করে৷ এর চেয়ে বেশি পাঠ্য থাকলে ব্যবহারকারীরা টেক্সটেরিয়ার স্ক্রলবার ব্যবহার করে স্ক্রোল করতে পারেন। <br> </td> </tr> <tr><td style="width:20.354%; text-align:center;">মোড়ানো <br> </td> <td style="width:16.4602%; text-align:center;">হার্ড <br> নরম <br> </td> <td style="width:62.97%;">টেক্সটেরিয়াতে মোড়ানো পাঠ্যটিকে নির্দিষ্ট করে৷ <br> </td> </tr> </tbody> </table> <p> <br> </P> <p> <img loading='lazy' alt='কিভাবে HTML এ একটি মাল্টি-লাইন টেক্সট ইনপুট (টেক্সট এরিয়া) তৈরি করবেন? ' src="/article/uploadfiles/202203/2022033115575381.jpg" /></P> <h2>উদাহরণ</h2> <p style="">আপনি HTML-এ বহু-লাইন পাঠ্য ইনপুট তৈরি করতে নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন -</P> <pre><!DOCTYPE html> <html> <head> <title>HTML textarea Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> What improvements you want in College? <br> <textarea rows = "5" cols = "60" name = "description"> Enter details here... </textarea><br> <input type = "submit" value = "submit" /> </form> </body> </html></pre> <br> </article> <div class="ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006063838.html' ><button> বনাম <input type=button /> এর মধ্যে পার্থক্য কি? </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://bd.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://bd.wsxdn.com/ge064y/hf651z/202203/1006063840.html' >এইচটিএমএলে কিভাবে টেক্সটেরিয়া (একটি মাল্টি-লাইন টেক্সট ইনপুট ক্ষেত্র) ব্যবহার করবেন? </a> </div> </section> </div> <aside class="box-r"> <section class="box42"> <ol> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006038926.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে HTML এ একটি হাইপারলিঙ্ক তৈরি করবেন ">কিভাবে HTML এ একটি হাইপারলিঙ্ক তৈরি করবেন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063732.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে HTML এ একটি ছবিতে ক্লিকযোগ্য এলাকা তৈরি করবেন? ">কিভাবে HTML এ একটি ছবিতে ক্লিকযোগ্য এলাকা তৈরি করবেন? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063840.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="এইচটিএমএলে কিভাবে টেক্সটেরিয়া (একটি মাল্টি-লাইন টেক্সট ইনপুট ক্ষেত্র) ব্যবহার করবেন? ">এইচটিএমএলে কিভাবে টেক্সটেরিয়া (একটি মাল্টি-লাইন টেক্সট ইনপুট ক্ষেত্র) ব্যবহার করবেন? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063950.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML এ শক্তিশালী পাঠ্য তৈরি করুন ">HTML এ শক্তিশালী পাঠ্য তৈরি করুন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063952.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="HTML এ ছোট লেখা তৈরি করুন ">HTML এ ছোট লেখা তৈরি করুন </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063960.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="আমরা কিভাবে HTML এ একটি পাঠ্য এলাকা প্রদর্শন করব? ">আমরা কিভাবে HTML এ একটি পাঠ্য এলাকা প্রদর্শন করব? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063970.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="কিভাবে HTML এ টেলিটাইপ টেক্সট তৈরি করবেন? ">কিভাবে HTML এ টেলিটাইপ টেক্সট তৈরি করবেন? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063971.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="আমরা কিভাবে HTML এ আন্ডারলাইনড টেক্সট তৈরি করব? ">আমরা কিভাবে HTML এ আন্ডারলাইনড টেক্সট তৈরি করব? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063984.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="আমরা কিভাবে HTML এ প্রিফরম্যাটেড টেক্সট তৈরি করব? ">আমরা কিভাবে HTML এ প্রিফরম্যাটেড টেক্সট তৈরি করব? </p> </a> </li> <li> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006064125.html" class="f-start"> <span></span> <p class="r-over r-over-2" title="আমরা কিভাবে HTML এ টেক্সট ট্র্যাকের শিরোনাম তৈরি করব? ">আমরা কিভাবে HTML এ টেক্সট ট্র্যাকের শিরোনাম তৈরি করব? </p> </a> </li> </ol> </section> </aside> </section> </section> <section class="box13 content box44"> <ol class="f-between"> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063748.html" class="i-text"> <p class="r-over r-over-2">কিভাবে HTML এ টেবিল বর্ডার তৈরি করবেন? </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063756.html" class="i-text"> <p class="r-over r-over-2">কিভাবে HTML এ তালিকা বুলেট এবং পাঠ্যের মধ্যে স্থান তৈরি করবেন? </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063762.html" class="i-text"> <p class="r-over r-over-2">কিভাবে HTML এ একটি অর্ডার করা তালিকা তৈরি করবেন? </p> </a> </li> <li class="ibox"> <a href="https://bd.wsxdn.com/ge064y/hf651z/202203/1006063763.html" class="i-text"> <p class="r-over r-over-2">কিভাবে HTML এ শর্তসাপেক্ষ মন্তব্য তৈরি করবেন? </p> </a> </li> </ol> </section> <ul class="types box23 content f-start"> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ca644u/' target="_self">C প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk645f/' target="_self">C++</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf646z/' target="_self">Redis</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/fd647x/' target="_self">BASH প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/db648w/' target="_self">Python</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vs649n/' target="_self">Java</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/tr650l/' target="_self">তথ্যশালা</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/hf651z/' target="_self">HTML</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mj652e/' target="_self">JavaScript</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/ki653c/' target="_self">প্রোগ্রামিং</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/bz654t/' target="_self">CSS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/zx655s/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/nl656f/' target="_self">SQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/sq657k/' target="_self">IOS</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/qo658j/' target="_self">Android</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/vt659n/' target="_self">mongodb</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/us660m/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/by661t/' target="_self">C#</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/mk665e/' target="_self">PHP</a></li> <li><a class='childclass' href='https://bd.wsxdn.com/ge064y/he671z/' target="_self">SQL সার্ভার</a></li> </ul> <footer> <section class="msg f-center content"> <span class="f-start"> কপিরাইট © <a href="https://bd.wsxdn.com">https://bd.wsxdn.com</a> সমস্ত অধিকার সংরক্ষিত </span> </section> </footer> </body> </html>