Jhutanda

HTML অপশন গ্রুপ উপাদান (The HTML Option Group element)

<optgroup>: HTML অপশন গ্রুপ উপাদান (The HTML Option Group element)। HTML <optgroup> ট্যাগটি একটি ড্রপ-ডাউন তালিকায় গোষ্ঠী সম্পর্কিত বিকল্পগুলি ব্যবহার করা হয়। এটি ব্যবহারকারীদের তালিকা নেভিগেট করা সহজ করে তোলে। <optgroup> ট্যাগটি অনেকগুলি <option> আইটেমকে ছোট অংশে বিভক্ত করে। লেবেল বৈশিষ্ট্য প্রয়োজন এবং বিভাগে প্রথম আইটেম হিসাবে প্রদর্শিত হবে. লেবেল মান একটি ধূসর শিরোনাম হিসাবে প্রদর্শিত হবে. গোষ্ঠীভুক্ত সমস্ত আইটেম শিরোনামের নীচে বিকল্পগুলির একটি ইন্ডেন্ট তালিকা হিসাবে উপস্থিত হবে। ডিফল্টরূপে, <select> ট্যাগের প্রথম বিকল্পটি নির্বাচিত আইটেম হিসাবে উপস্থিত হবে। উপাদানটি বহু-নির্বাচন তালিকা এবং কম্বো বক্স উভয়ই তৈরি করতে ব্যবহৃত হয়। বিভিন্ন অনুমোদিত বিকল্পগুলি প্রতিটি বিকল্প উপাদানের সাথে নির্দেশিত। HTML অপশন গ্রুপ উপাদান (The HTML Option Group element) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।

Example:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML MASTER JHUTANDA</title>
    <!--https://jhutanda.com-->
    <!--https://github.com/jhutanda-->
</head>

<body>
    <label for="">Choose any:</label>
    <select name="Choose" id="Chooseid">
        <option value="select any">Select Any Option</option>
        <optgroup label="Numeric" id="optg1">
            <option value="one">one</option>
            <option value="two">two</option>
            <option value="three">three</option>
            <option value="four">four</option>
        </optgroup>
        <optgroup label="Alphabet" id="optg2">
            <option value="A">A</option>
            <option value="B">B</option>
            <option value="C">C</option>
            <option value="D">D</option>
        </optgroup>
    </select>
    <!-- More understand just use some color. -->
    <style>
        #optg1 {
            background-color: aqua;
            color: brown;
        }

        #optg2 {
            background-color: red;
            color: white;
        }
    </style>
</body>

</html>

Scroll to Top