تگ optgroup در HTML

با تگ optgroup در HTML آشنا شوید.

نکات اصلی تگ optgroup

• عنصر optgroup در HTML ، گروه بندی گزینه های مرتبط را در منوی کشویی امکان پذیر می کند.
• این یک فرزند از عنصر <select> و والدین عناصر <option> است.
• Optgroup مخفف گروه گزینه HTML است.
• تگ های گروه انتخاب HTML از تمام ویژگی های جهانی پشتیبانی می کنند.

تعریف گروه هایoptgroup HTML

هنگامی که از HTML استفاده می کنید ، گروه های گزینه ممکن است مفید واقع شوند زیرا انتخاب را برای کاربران ساده می کنند. با استفاده از تگ های <optgroup>، می توانید گروه های opt را انتخاب کرده و با استفاده از تگ آن ها را تعریف کنید:

<select>
  <optgroup label="Sports">
    <option value="baseball">Baseball</option>
    <option value="basketball">Basketball</option>
  </optgroup>
  <optgroup label="Shopping">
    <option value="food">Food</option>
    <option value="gift">Gift</option>
  </optgroup>
</select>

دو ویژگی تگ optgroup در HTML

هنگام استفاده از تگ های optgroup در HTML ، باید ویژگی تگ را نیز در آن قرار دهید. این نام را برای گروه گزینه HTML تعریف می کند و مرورگر از مقدار آن برای تگ گذاری گروه ها برای کاربر استفاده می کند:

<select>
  <optgroup label="Main">
    <option value="beef">Beef with broccoli</option>
    <option value="chicken">Chicken Teriyaki</option>
  </optgroup>
  <optgroup label="Dessert">
    <option value="hot">Chocolate lava cake</option>
    <option value="cold">Banana split</option>
  </optgroup>
</select>

disabled، انتخاب یک گروه خاص را غیرفعال می کند. بیشتر مرورگرها همچنین گزینه های غیرفعال شده را با متن خاکستری نشان می دهند:

<select>
  <optgroup label="Destination">
    <option value="cuba">Cuba</option>
    <option value="hawaii">Hawaii</option>
  </optgroup>
  <optgroup label="Time" disabled>
    <option value="week">7 days</option>
    <option value="2weeks">14 days</option>
  </optgroup>
</select>

پشتیبانی مرورگرها

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML و CSS بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.