با آموزش تگ optgroup در Html همراه شما هستیم:
از تگ optgroup برای لیستها ی کشویی که دارای تعداد عناصر زیادی هستند استفاده می شود.(طراحی سایت , سئو سایت , طراحی سایت )
استفاده از این تگ موجب سهولت در انتخاب کاربر خواهد بود و بیشتر مورد توجه قرار می گیرد. (طراحی سایت فروشگاهی , طراحی سایت شرکتی , ساخت سایت , قیمت طراحی سایت )
تگ optgroup درون تگ select قرار دارد و با lable مقداردهی می شود و شامل عناصر option می باشد.
قطعه کد زیر نمونه ای از استفاده از این تگ در صفحات Html را نشان می دهد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html> <body> <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select> </body> </html> |
تگ optgroup تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی می کند.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت مشخص می نماییم که این قسمت از option-group باید به صورت غیر فعال باشد. |
| label | text | توسط این خصوصیت می توانید برای هر قسمت از option-group خود یک اسم یا برچسب قرار دهید. |
تمامی مرور گر ها را پشتیبانی می کند.