HTML-এ টেক্সট এরিয়া (Textarea) তৈরি করা
বহু-লাইন টেক্সট ইনপুট তৈরি করতে 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="5" cols="60" name="description">
এখানে বিস্তারিত লিখুন...
</textarea><br>
<input type="submit" value="সাবমিট" />
</form>
</body>
</html>
