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