معرفی و کاربرد تگ optgroup در HTML
معرفی و کاربرد تگ 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 مشخص می کند. |
ویژگی های عمومی تگ <optgroup> در HTML
تگ <optgroup> از کلیه ویژگی های عمومی در سند HTML پشتیبانی می کند.
رویدادهای عمومی تگ <optgroup> در HTML
تگ <optgroup> از کلیه رویدادهای عمومی در سند HTML پشتیبانی می کند.
پشتیبانی مرورگرها از تگ <optgroup> در HTML
تگ <optgroup> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 پروژه محور
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
معرفی و کاربرد تگ optgroup در HTML گروه بندی option – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید