ဟန်တီ အမှတ် လက်တင် အချုပ်

  • အရေးပါ စာရင်း <optgroup>
  • နောက်ပိုင်း စာရင်း <output>

定义和用法

<option> 标签定义选择列表中的选项。

<option> 元素位于 <select>、<optgroup> 或 <datalist> 元素内。

注意：<option> 标签可以在没有任何属性的情况下使用，但您通常需要 value 属性，它指示在表单提交时发送到服务器的内容。

提示：如果您有很长的选项列表，您可以在 <optgroup> 标签内对相关选项进行分组。

另请参阅：

HTML DOM 参考手册：Option 对象

实例

例子 1

包含四个选项的下拉列表：

<label for="cars">请选择一个汽车品牌：</label>
<select id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

ကျွန်ုပ်ကိုယ် ကျင်းပ

例子 2

在 <datalist> 元素中使用 <option>：

<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
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့
  • အရေးပါ စာရင်း <optgroup>
  • နောက်ပိုင်း စာရင်း <output>