تگ optgroup در HTML
مثال (تگ optgroup در HTML)
گروه بندی گزینه های مرتبط با استفاده از تگ <optgroup> :
<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>
<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>
خودتان امتحان کنید »
تعریف و کاربرد تگ optgroup در HTML
تگ <optgroup> برای گروه بندی option های (گزینه ها) مرتبط در یک لیست کشویی استفاده می شود.
اگر شما دارای یک لیست طولانی از گزینه ها می باشید استفاده از تگ optgroup برای کنترل کردن گزینه ها مرتبط راحت تر است و مورد پسند کاربر نیز می باشد.
پشتیبانی مرورگرها از تگ optgroup در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <optgroup> | بله | بله | بله | بله | بله |
تفاوت بین HTML 4.01 و HTML5
تفاوتی وجود ندارد.
خصوصیت ها
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | مشخص می کند که option-group باید غیر فعال شود. |
| label | text | یک برچسب برای option-group مشخص می کند. |
ویژگی های عمومی تگ optgroup در HTML
تگ <optgroup> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ optgroup در HTML
تگ <optgroup> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ optgroup در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 11286
دیدگاه‌ها
چرا تگ form نوشته نشده ؟ در واقع باید تگ select داخل تگ form استفاده می شد...!
بله حق با شماست تگ مذکور در کنار تگ form باید استفاده شود، اما در اینجا هدف ما فقط آموزش بوده است و برای کوتاه شدن مثال ها از تگ form استفاده نشده است.