برچسب <option> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
گزینه‌ای را در یک لیست کشویی تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک فهرست کشویی با چهار گزینه (option):

<label for="cars">Choose a car:</label>

<select id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>


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

برچسب <option> یک گزینه را در فهرست انتخاب تعریف می‌کند.[۱]

عنصرهای <option> به درون یک عنصر <select> یا <datalilst> می‌روند.

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<option> بله بله بله بله بله

نکات و ملاحظات

توجه: برچسب <option> را می‌توان بدون هیچ ویژگی‌ای به کار برد، ولی معمولاً به ویژگی value نیاز دارد، که نشان می‌دهد چه چیزی به سرور هنگام ارسال فرم فرستاده شده‌است.

نکته: اگر شما فهرستی طولانی از گزینه‌ها دارید، می‌توانید گزینه‌های مرتبط را با برچسب <optgroup> گروه‌بندی کنید.

ویژگی‌ها

ویژگی مقدار شرح
disabled disabled مشخص می‌کند که یک گزینه باید غیرفعال شود
label text عنوانی کوتاه‌تر را برای یک گزینه مشخص می‌کند
selected selected مشخص می‌کند که یک گزینه باید هنگام بارگذاری صفحه، ازپیش‌انتخاب‌شده (pre-selected) باشد
value text مقداری را مشخص می‌کند که قرار است به سرور فرستاده شود

ویژگی‌های سراسری

همچنین برچسب <option> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <option> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

صفحات مرتبط

مرجع DOM اچ‌تی‌ام‌ال: شیء Option (Option Object)

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

ندارد.

منابع آموزشی