تگ optgroup در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ optgroup در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ optgroup چیست؟

تگ optgroup که اشاره به عبارت Option Group دارد برای دسته بندی یا گروه بندی آیتم های لیست کشویی کاربرد دارد.

تگ optgroup درون لیست کشویی که توسط تگ select ساخته می شود قرار می گیرد و برای ایجاد داده باید از تگ option کمک گرفت.

این تگ با <optgroup> شروع شده و با </optgroup> پایان می یابد.

<optgroup></optgroup>

صفات تگ optgroup

در این بخش با صفات تگ optgroup آشنا خواهید شد.

صفت disabled

برای غیرفعال سازی optgroup به کار می رود.

<optgroup disabled></optgroup>

صفت label

صفت label برای optgroup برچسب انتخاب می کند. برچسب به راهنمایی کاربر کمک فراوانی می کند.

<optgroup label="Text"></optgroup>

مثال تگ optgroup

کد:

<select>
  <optgroup label="رنگ ها">
    <option value="white">سفید</option>
    <option value="red">قرمز</option>
    <option value="blue">آبی</option>
    <option value="green">سبز</option>
    <option value="yellow">زرد</option>
  </optgroup>
  <optgroup label="اعداد">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </optgroup>
</select>

اجرا

سازگاری با مرورگرها

تگ optgroup با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS