এইচটিএমএল পর্ব ১৩ : রেডিও বাটন

তুসিন আহমেদ, টেক শহর কনটেন্ট কাউন্সিলর : এইচটিএমএলে বিভিন্ন ফর্ম তৈরি করতে রেডিও বাটনের প্রয়োজন হয়। এ বাটনে মূলত অনেকগুলো অপশন থেকে একটি বা একাধিক অপশন নির্বাচন করা যায়।

এ বাটন কিভাবে তৈরি করতে হবে তা এ টিউটোরিয়ালে তুলে ধরা হলো।

রেডিও বাটন তৈরির কোডগুলো ‘<form> </form>’ এর মধ্যে লিখতে হবে। নিচের কোডটি লক্ষ্য করুন।

Techshohor Youtube

<form action=””>
<input type=”radio” name=”gender” value=”male”> Male<br>
<input type=”radio” name=”gender” value=”female”> Female<br>
<input type=”radio” name=”gender” value=”other”> Other
</form>

কোডটি চালু করলে নিচের মতো দেখাবে।

Male
Female
Other

এখানে এটি যে রেডিও বাটন, তা নির্দিষ্ট করে দিতে ‘type’ এট্রিবিউটের ‘radio’ দেওয়া হয়েছে। যদি রেডিও বাটন না দিয়ে টেক্সট বক্স তৈরি করতে চান তাহলে ‘text’ লিখত হতো।

ঠিক তেমনিভাবে চেক অপশন দিতে ‘checkbok’ ও সাবমিট বাটন তৈরি করতে ‘submit’ লিখতে হবে।

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

এ ক্ষেত্রে অন্যটি সিলেক্ট করলে অটোমেটিক সিলেক্টেডটি আনসিলেক্ট হয়ে যাবে।

আরও পড়ুন 

*

*

আরও পড়ুন