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

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

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

تگ <optgroup> در HTML

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

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

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

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

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

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

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

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

مثال در مورد تگ <optgroup> در html در کنار option ها

[html]<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>[/html]

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

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

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

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


ویژگی خصوصی تگ optgroup	مقدار	کاربرد در سند HTML
disabled	disabled	مشخص می کند که option-group باید غیر فعال شود.
label	text	یک برچسب برای option-group مشخص می کند.