এইচটিএমএল রেডিও বোতাম (HTML Radio Button Tutorial in Bangla)

** যেকোন 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

Related Posts:

No comments:

Post a Comment

bloggerwidgets
Close [x]
Powered by Blogger.