برچسب <option> HTML

تعریف و استفاده

<option> برچسب تعریف لیست انتخاب‌ها را می‌کند.

<option> عنصر <select>و<optgroup> یا مثال 2 در داخل

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

توجه:اگر لیست گزینه‌های شما طولانی است، می‌توانید <optgroup> برای گروه‌بندی گزینه‌های مرتبط در داخل

برچسب‌ها در داخل

لطفاً بهدستورالعمل HTML DOM:

شیء انتخاب گزینه

مثال

مثال 1

<label for="cars">لطفاً یک برند خودرو انتخاب کنید：</label>
<select id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  لیست کشویی شامل چهار گزینه:
</select>

آزمایش کنید

<option value="volvo">ولوو</option>

مثال 3 مثال 2 در <option>：

<datalist>
<label for="browser">لطفاً مرورگر خود را از لیست انتخاب کنید：</label>
<input list="browsers" name="browser" id="browser">
  <datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
<option value="Safari">

آزمایش کنید

</datalist>

مثال 3 <optgroup> در <option>：

<label for="cars">لطفاً یک برند خودرو انتخاب کنید：</label>
<select id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

آزمایش کنید

ویژگی

ویژگی مقدار توضیح
disabled disabled گزینه‌ها را غیرفعال می‌کند.
label متن برچسب کوتاه‌تری برای گزینه‌ها تعیین می‌کند.
selected selected یک گزینه را در بارگذاری صفحه انتخاب می‌کند.
value متن مقدار ارسال شده به سرور را مشخص می‌کند.

ویژگی‌های جهانی

<option> این برچسب‌ها نیز از ویژگی‌های جهانی در HTML.

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

<option> این برچسب‌ها نیز از ویژگی‌های رویداد در HTML.

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

بدون.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی