تگ option از تگ های به کار رفته در تگ select می باشد و از این تگ برای ایجاد یک گزینه در داخل لیست استفاده می شود.
هرگاه شما بخواهید در لیست کشویی خود گزینه هایی را اضافه کنید باید از این تگ استفاده نمایید.
علاوه بر تگ select تگ detiles هم می تواند شامل تگ option باشد.
از ویژگی هایی که تگ option دارد این است که می تواند هیچ خصوصیتی را بکار نبرد ولی برای کدنویسی بهتر لازم است تا از خصوصیت value برای شناساندن گزینه مورد نظر به سرور استفاده شود.
قطعه کد زیر نمونه ای از استفاده از تگ option را نشان می دهد:
<select> <option value="محصول اول">محصول اول</option> <option value="محصول دوم">محصول دوم</option> <option value="محصول سوم">محصول سوم</option> <option value="محصول چهارم">محصول چهارم</option> </select>
خصوصیت های تگ option در form:
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | با استفاده از این خصوصیت می توانید option مورد نظر را غیر فعال نمایید. |
| label | text | توسط این خصوصیت می توانیم یک برچسب کوتاه برای option موردنظر داشته باشیم. |
| selected | selected | اگر این خصوصیت برای تگ option قرار داده شود گزینه ها به طور پیش فرض بعد از لود صفحه انتخاب شده اند. |
| value | text | بامقدار دهی به این خصوصیت می توانیم به سرور بفهمانیم چه مقداری در انتخاب شده است. |
تگ option تمام ویژگی های عمومی و رویداد های عمومی را در Html پشتیبانی میکند.
پشتیبانی مرور گرها از تگ option در Html:
تمامی مرور گر ها را پشتیبانی می کند.