معرفی و کاربرد تگ optgroup در HTML

در این مقاله از سایت آموزی جهت استفاده شما کاربران گرامی به معرفی و کاربرد تگ <optgroup> در HTML می پردازیم.

تگ <optgroup> در HTML

معرفی و کاربرد تگ optgroup در HTML

معرفی و کاربرد تگ optgroup در HTML | معرفی و کاربرد تگ optgroup در HTML | معرفی و کاربرد تگ optgroup در HTML | معرفی و کاربرد تگ optgroup در HTML | معرفی و کاربرد تگ optgroup در HTML

تگ <optgroup> برای گروه بندی option ها یا گزینه های مرتبط در یک لیست کشویی استفاده می شود.

اگر شما دارای یک لیست طولانی از گزینه ها می باشید، استفاده از تگ <optgroup> برای کنترل کردن گزینه های مرتبط راحت تر است و مورد پسند کاربر نیز می باشد.

تگ option نیز یک گزینه برای لیست انتخاب تعریف می کند.

تگ <option> داخل تگ select و یا در داخل تگ datalist قرار می گیرد.

تگ های select و datalist نیز در ساخت لیست کشویی در سند HTML کاربرد دارند.

تگ select برای ایجاد یک لیست کشویی (drop-down) با کمک تگ های option استفاده می شود.

تگ datalist هم یک لیست کشویی از گزینه های از قبل تعریف شده برای یک تگ input می تواند مشخص کند.

مثال در مورد تگ <optgroupدر html

خروجی کد در مرورگر اینترنتی

بررسی تگ <optgroup> در HTML 4.01 و HTML5

تفاوتی بین خصوصیات تگ <optgroup> در HTML 4.01 ، در HTML5 وجود ندارد. و تگ <optgroup> در همه ورژن های سند HTML پشتیبانی می شود.

خصوصیات ویژه تگ <optgroup> در HTML5

خصوصیتمقدارتوضیحات
disableddisabledمشخص می کند که option-group باید غیر فعال شود.
labeltextیک برچسب برای option-group مشخص می کند.

ویژگی های عمومی تگ <optgroup> در HTML

تگ <optgroup> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.

رویدادهای عمومی تگ <optgroup> در HTML

تگ <optgroup> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.

پشتیبانی مرورگرها از تگ <optgroup> در HTML

تگ <optgroup> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

معرفی و کاربرد تگ optgroup در HTML – اختصاصی سایت آموزی