এইচটিএমএল রেডিও বোতাম টিউটোরিয়াল লেকচার-৩৩ (HTML Radio Button Tutorial in Bangla)

এইচটিএমএল রেডিও বোতাম টিউটোরিয়াল লেকচার-৩৩ (HTML Radio Button Tutorial in Bangla)

HTML Radio Button Tutorial: ** যেকোন input (এখানে radio বাটন) ফিল্ড একটা ফর্ম এলিমেন্টে তাই এখানে যত উদাহরন দেব সব <form></form> এর ভিতর রাখতে হবে।

ফর্মে অনেক সময় অনেকগুলি অপশনের মধ্যে যেকোন একটি অপশন সিলেক্ট করার সুযোগ দেয়া লাগতে পারে। এসব ক্ষেত্রে রেডিও বাটন ব্যবহৃত হয়। যেমন

1.<p>Select your department</p>
2. 
3.<input type="radio" name="dept" value="1"/>Statistics
4.<input type="radio" name="dept" value="2"/>Mathematics
5.<input type="radio" name="dept" value="3"/>CSE

প্রদর্শন:

Select your department

Statistics Mathematics CSE

দেখুন শুধু type এট্রিবিউট পরিবর্তন করাতে রেডিও বাটন চলে এসেছে, type এর মান text দিলে টেক্সবক্স হয়, checkbox দিলে একাধিক অপশন সিলেক্ট করার মত ফিল্ড আসে, submit দিলে একটা সাবমিট বাটন তৈরী হয় ইত্যাদি।

** সব ফর্ম এলিমেন্টের name এট্রিবিউটের মান ভিন্ন দিতে হয় শুধু radio বাটনের ক্ষেত্রে একই নাম দিতে হবে যদি চান যেকোন একটি সিলেক্ট করতে পারবে (অন্যটি সিলেক্ট করলে অটোমেটিক সিলেক্টেড টি আনসিলেক্ট হয়ে যাবে)। মান ভিন্ন দিবেন না কারন এটাতো চেকবক্স দিয়ে করা হয় যা আলোচনা হয়েছে।

যেকোন একটি যদি সিলেক্টেড দেখাতে চান তাহলে সেটাতে checked বা checked

=”checked” এট্রিবিউট ব্যবহার করুন।যেমন

1.<p>Select your department</p>
2.<input type="radio" name="dept" value="1"/>Statistics
3.<input type="radio" name="dept" value="2"/>Mathematics
4.<input type="radio" name="dept" value="3" checked/>CSE

প্রদর্শন

Select your department

Statistics Mathematics CSE

এছাড়া required, disabled  ইত্যাদি এট্রিবিউট ব্যবহার করতে পারেন যেগুলি টিউটোরিয়ালে আলোচনা হয়েছে।

170 Views

Related posts

*

*

Top