option要素・optionタグとは
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要素の内容より短いラベルを指定できる。