آموزش تگ optgroup در HTML

4 شهریور 1401
ارسال شده توسط
آموزش html css

آموزش تگ optgroup در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ optgroup در HTML به صورت کامل آشنا بشید.

تگ optgroup در HTML

تگ optgroup تگی است که با استفاده از آن میتوانیم آیتم های موجود در یک لیست کشویی که با تگ Select ایجاد شده است را دسته بندی کرد.

مثال از تگ optgroup در HTML

در دوره آموزشی html css پروژه محور ، به یک مثال از تگ optgroup می پردازیم. تا با نحوه کارایی این تگ بیشتر و بهتر اشنا شوید و بتوانید راحت تر از این تگ استفاده کنید.

<body>
    <select>
      <optgroup label="اسامی پسرانه">
        <option value="milad">میلاد</option>
        <option value="sasan">ساسان</option>
        <option value="ali">علی</option>
        <option value="kamran">کامران</option>
      </optgroup>
      <optgroup label="اسامی دخترانه">
        <option value="sarina">سارینا</option>
        <option value="sahar">سحر</option>
        <option value="aynaz">آیناز</option>
        <option value="elsana">السانا</option>
      </optgroup>
    </select> 
</body>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید

پشتیبانی مرورگرها از تگ optgroup

در جدول زیر میتوانید مرورگرهای اینترنتی که از تگ optgroup در HTML پشتیبانی میکنند را مشاهده نمایید و بدانید که آیا از مروگر مورد استفاده شما هم پشتیبانی میکنند یا خیر…

پشتیبانی مرورگر هار از تگ table

جدول صفات تگ optgroup در HTML

جدول زیر به شما کمک میکند تا صفات تگ optgroup را به همراه مقادیری را که میتوانیم در این تگ استفاده کنیم را مشاهده نماییدم.

جدول صفات تگ optgroup در HTML

پشتیبانی تگ optgroup از صفات و رویدادهای عمومی

تگ optgroup قابلیت پشتیبانی از تمام صفات عمومی و رویدادهای عمومی در HTML دارد.

شما عزیزان هم چنین میتوانید با شرکت در دوره آموزشی HTML CSS پروژه محور در تبریز سطح علمی و برنامه نویسی خود را بصورت چشم گیری افزایش دهید و از این راه به موفقیت و درآمد بالایی برسید.

برای امتیاز به این نوشته کلیک کنید!
[کل: 1 میانگین: 5]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید