مثال (تگ 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 در 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