HTML-এ টেক্সট এরিয়া (বহু-লাইন টেক্সট ইনপুট ফিল্ড) কীভাবে ব্যবহার করবেন?

HTML-এ টেক্সট এরিয়া ব্যবহার করার পদ্ধতি

বহু-লাইন টেক্সট ইনপুট যোগ করতে HTML <textarea> ট্যাগ ব্যবহার করুন। cols এবং rows অ্যাট্রিবিউট ব্যবহার করে টেক্সট এরিয়ার আকার সেট করতে পারেন। এটি একটি ফর্মের ভেতরে ব্যবহার হয়, যাতে ব্যবহারকারী একাধিক সারিতে টেক্সট ইনপুট দিতে পারে।

<textarea> ট্যাগের অ্যাট্রিবিউটগুলো

অ্যাট্রিবিউট	মান	বর্ণনা
autofocus	autofocus	পেজ লোড হলে টেক্সট এরিয়া অটোমেটিক্যালি ফোকাস পাবে।
cols	number	দৃশ্যমান ক্যারেক্টার প্রস্থের সংখ্যায় টেক্সট এরিয়ার প্রস্থ নির্দিষ্ট করে।
disabled	disabled	টেক্সট এরিয়াকে নিষ্ক্রিয় করে।
form	form_id	এক বা একাধিক ফর্ম নির্দিষ্ট করে।
maxlength	number	টেক্সট এরিয়ায় সর্বোচ্চ ক্যারেক্টার সংখ্যা নির্দিষ্ট করে।
name	text	ইনপুট কন্ট্রোলের একটি নাম দিয়ে থাকে।
placeholder	text	টেক্সট এরিয়ার ভেলুর একটি সংক্ষিপ্ত হিন্ট নির্দিষ্ট করে।
readonly	readonly	ইনপুট কন্ট্রোলকে রিড-অনলি সেট করে। ইউজার মান পরিবর্তন করতে পারবে না।
required	required	টেক্সট এরিয়া আবশ্যক বলে নির্দিষ্ট করে।
rows	number	দৃশ্যমান টেক্সট লাইনের সংখ্যায় টেক্সট এরিয়ার উচ্চতা নির্দিষ্ট করে।
wrap	hard, soft	টেক্সট এরিয়ায় টেক্সট র‍্যাপ হবে কিনা নির্দিষ্ট করে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ টেক্সট এরিয়া ব্যবহার করার পরীক্ষা করতে পারেন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML textarea Tag</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>

HTML-এ টেক্সট এরিয়া (বহু-লাইন টেক্সট ইনপুট ফিল্ড) কীভাবে ব্যবহার করবেন?

wrap অ্যাট্রিবিউটের পার্থক্য:

soft (ডিফল্ট) — সাবমিশন সময় লাইন ব্রেক পাঠায় না, শুধু দেখার সময় র‍্যাপ হয়
hard — সাবমিশন সময় লাইন ব্রেক পাঠায় (cols অ্যাট্রিবিউট আবশ্যক)