HTML ফর্মে টেক্সট এরিয়ায় ক্যারেক্টার লিমিট সেট করা
বহু-লাইন টেক্সট ইনপুট যোগ করতে HTML <textarea> ট্যাগ ব্যবহার করুন। cols এবং rows অ্যাট্রিবিউট ব্যবহার করে টেক্সট এরিয়ার আকার সেট করতে পারেন। টেক্সট এরিয়ায় প্রবেশ করা ক্যারেক্টার সংখ্যা সীমাবদ্ধ করতে maxlength অ্যাট্রিবিউট ব্যবহার করুন। অ্যাট্রিবিউটের মান সংখ্যায় থাকে।
<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="" method="get">
কলেজে আপনি কী উন্নতি চান? <br>
<textarea rows="5" cols="40" maxlength="100" name="description">
এখানে উত্তর লিখুন...
</textarea> <br>
<input type="submit" value="সাবমিট" />
</form>
</body>
</html>
