تگ option در HTML
مثال (تگ option در HTML)
یک لیست کشویی با چهار گزینه:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
خودتان امتحان کنید »
تعریف و کاربرد تگ option در HTML
تگ <option> یک گزینه برای لیست انتخاب تعریف می کند.
<option> داخل عنصر <select> یا عنصر <datalist> قرار می گیرد.
پشتیبانی مرورگرها از تگ option در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <option> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: تگ <option> می تواند بدون به کار بردن هیچ یک از خصوصیات بکار رود، اما شما معمولا به خصوصیت value برای اینکه مشخص کند چه چیزی به سرور ارسال شود نیاز دارید.
نکته: اگر شما یک لیست طولانی از گزینه ها داشته باشید می توانید، گزینه های مرتبط را به وسیله تگ <optgroup> گروه بندی کنید.
خصوصیت ها
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| disabled | disabled | مشخص می کند که option باید غیر فعال شود. |
| label | text | یک برچسب کوتاه برای option مشخص می کند. |
| selected | selected | مشخص می کند هنگامی که صفحه لود می شود option ها به طور پیش فرض انتخاب شده باشد. |
| value | text | مشخص می کند که چه مقدار به سرور ارسال شود. |
ویژگی های عمومی تگ option در HTML
تگ <option> از ویژگی های عمومی در HTML پشتیبانی می کند.
رویدادهای عمومی تگ option در HTML
تگ <option> از رویدادهای عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ option در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 12364
دیدگاه‌ها
سلام سوال من اینه که آیا میشه بیش از یک value برای تگ option ایجاد کرد؟
مثلاً به شکل آرایه باشه؟
خیلی مهمه، اگه جواب بدید خیلی خیلی خیلی ممنون میشم
سلام. فکر نمی کنم به طور عادی بشه این کار رو کرد. اما با استفاده از php اگه یک آرایه از مقادیر داشته باشید، با استفاده از تابع foreach می تونید به راحتی این کار رو انجام بدهید و تگ های option تولید کنید.
با سلام و عرض ادب و احترام.من میخواهم خواصیت onclick رو به تگ اضافه کنم.مثلا لیستی از رنگ ها .به عنوان مثال میخواهم کشویی باز شود و با زدن دکمه آیی آلرت بدهد.ولی این کار(خاصیتonclic k)در تگ ontion اجرا نمیشد علت چیست؟با تشکر
انتخاب رنگ
قرمز
آبی
زرد
سبز