টেক্সট এরিয়া দেখাতে <textarea> ট্যাগ ব্যবহার করুন। HTML <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">
Enter subjects <br />
<textarea rows="5" cols="50" name="description"></textarea>
<input type="submit" value="submit" />
</form>
</body>
</html>
