option要素・optionタグとは

Tweet

select要素内で生成される項目を表示option要素

option要素はselect要素内で生成される項目を表示します。
selectタグには最低でも1つ以上のoption要素が含まれている必要があります。

HTMLソースコード例

<form action="http://www.example.com" method="post">
  <select name="ComOS">
    <option selected label="none" value="none">None</option>
    <optgroup label="Windows">
      <option value="win2000">Windows 2000</option>
      <option value="xp">Windows XP</option>
      <option value="vista">Windows Vista</option>
    </optgroup>
    <optgroup label="Macintosh">
      <option value="lep">OS X 10.5 leopard</option>
      <option value="slep">OS X 10.6 snow leopard</option>
     </optgroup>
  </select>
</form>

ブラウザでの表示例

属性

selected

この属性が設定されている場合、当該選択肢が選択済みであることを示す。

value = cdata

コントロールの初期値を指定する。

label = text

option要素の内容より短いラベルを指定できる。