HTML فرم و ورودی

تگ optgroup

تگ optgroup گزینه‌های مرتبط درون یک select را گروه‌بندی می‌کند و عنوان گروه با ویژگی label نمایش داده می‌شود. عنوان گروه قابل انتخاب نیست و فقط راهنمای بصری است. با ویژگی disabled می‌توان کل گروه را غیرفعال کرد. برای فهرست‌های بلند و دسته‌بندی‌شده مناسب است.

سینتکس

<select><optgroup label="..."> <option> </optgroup></select>

مثال کاربردی

<select name="car">
  <optgroup label="ایرانی">
    <option>پراید</option>
  </optgroup>
  <optgroup label="خارجی">
    <option>بنز</option>
  </optgroup>
</select>

ویژگی‌های (Attributes) مهم

label عنوان گروه که بالای گزینه‌ها نمایش داده می‌شود
disabled غیرفعال کردن همه گزینه‌های گروه