HTML-এর
নিম্নলিখিত বৈশিষ্ট্যগুলি-
- অক্ষম৷ :নির্দিষ্ট করে যে একটি বিকল্প-গোষ্ঠী নিষ্ক্রিয় করা উচিত
- লেবেল :একটি বিকল্প-গ্রুপের জন্য একটি লেবেল নির্দিষ্ট করে এখন
আসুন এখন −
উপাদানটি বাস্তবায়নের একটি উদাহরণ দেখিউদাহরণ
<!DOCTYPE html> <html> <body> <h2>Educational Qualification</h2> <select> <optgroup label="Graduation"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </optgroup> <optgroup label="Postgraduation"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </optgroup> </select> </body> </html>
আউটপুট
উপরের উদাহরণে, দুটি বিভাগ সহ একটি ড্রপডাউন তালিকা সেট করার জন্য আমাদের দুটি অপ্টগ্রুপ রয়েছে। এইভাবে, আমরা একটি ড্রপ-ডাউন তালিকা-
-এ বিকল্পগুলিকে গোষ্ঠীবদ্ধ করেছি<select> <optgroup label="Graduation"> <option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option> </optgroup> <optgroup label="Postgraduation"> <option value="mca">MCA</option> <option value="mcom">M.COM</option> <option value="mtech">M.TECH</option> <option value="msc">M.Sc</option> </optgroup> </select>
বিকল্প উপাদান সেটটি ড্রপ-ডাউন তালিকার জন্য বিভিন্ন বিকল্প সেট করতে ব্যবহৃত হয় এবং ব্যবহারকারীদের একটি একক বিকল্প গোষ্ঠী থেকে তাদের যেকোনো একটি নির্বাচন করতে দেয়—
<option value="bca">BCA</option> <option value="bcom">B.COM</option> <option value="btech">B.TECH</option>
