جلسه ۷۶ : آموزش کار با تگ option در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته با تگ optgroup و ویژگی ها و کاربردهای آن آشنا شدیم؛ این تگ برای دسته بندی گزینه های مرتبط در لیست کشویی استفاده می شود.
در این جلسه می خواهیم به آموزش کار با تگ option در HTML بپردازیم.

آموزش کار با تگ option در HTML

به مثال زیر توجه نمایید.
در این لیست یک لیست کشویی وجود دارد که دارای چهار گزینه است.

تعریف و کاربرد

وظیفه تگ option این است که یک گزینه را در یک لیست انتخاب شده تعریف کند.
عناصر option درون یک عنصر select یا datalist به کار می روند.

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

عنصر
<option>	بله	بله	بله	بله	بله

نکات و توصیه ها

نکته

می توان از تگ option بدون استفاده از هیچ خصیصه ای استفاده کرد اما معمولاً بهتر است برای آن از خصیصه value استفاده نمایید تا مشخص شود چه چیزی به سرور ارسال شود.

نکته

اگر لیستی دارید که در آن گزینه های متعددی وجود دارد می توانید برای گزینه های مرتبط همان طور که در جلسه قبل آموختیم از تگ optgroup برای گروه بندی استفاده نمایید.

خصیصه ها

خصیصه های سراسری Global Attributes

تگ <option> از خصیصه های سراسری در HTML پشتیبانی می کند.

 خصیصه رویداد Event Attributes

تگ <option> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

ندارد.