این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ optgroup در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ optgroup در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ OptGroup در HTML
تگ optgroup
تگی است که با استفاده از آن میتوان گزینه های موجود در یک لیست کشویی ( از طریق تگ Select میتوان یک لیست کشویی ایجاد کرد ) را دسته بندی ( یاهم گروه بندی ) کرد.
Free-Learn
مثال از تگ optgroup در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <select> <optgroup label="اسامی پسرونه"> <option value="sadegh">صادق</option> <option value="reza">رضا</option> <option value="alireza">علیرضا</option> <option value="mohsen">محسن</option> </optgroup> <optgroup label="اسامی دخترونه"> <option value="fateme">فاطمه</option> <option value="maryam">مریم</option> <option value="nazanin">نازنین</option> <option value="anna">آنا</option> </optgroup> </select> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ optgroup
در HTML پشتیبانی میکنند یا خیر.
نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ optgroup در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
نام صفت | مقدار | توضیح |
---|---|---|
disabled | disabled | گروهی از آیتم هارو غیرفعال میکند |
label | text | یک برچسب را برای گروه / دسته مشخص میکند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ optgroup
از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.