<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;OPTION&gt;</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> すべて</span> IE<span class="emphasis"> すべて</span> HTML<span class="emphasis"> すべて</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;OPTION&gt;...&lt;/OPTION&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML 終了タグ : オプション&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p><span class="literal">option</span> 要素は、<span class="literal">select</span> 要素リストに表示されるアイテムを定義します。リストはポップアップメニューまたはスクロールリストのいずれかです。<span class="literal">select</span> 要素と関連付けられた <span class="literal">option</span> 要素は <span class="literal">select</span> 要素の開始タグと終了タグとの間にネストされる必要があります。
</p><p><span class="literal">select</span> 要素は、要素が <span class="literal">form</span> 要素の一部として送信されると、「名前/値」のペアを返します。一般的に、<span class="literal">select</span> 要素の <span class="literal">name</span> 属性や、選択されたオプションの <span class="literal">value</span> 属性は「名前/値」のペアとして送信されます。このため、選択肢リスト内にある各 <span class="literal">option</span> 要素の <span class="literal">value</span> 属性に意味のある値を指定することが重要です。<span class="literal">value</span> 属性を使用すると、ユーザーフレンドリーではない (しかしサーバーまたはスクリプトフレンドリーではある) 値を非表示にして、選択肢リストにユーザーフレンドリーな値のみを表示することができます。選択肢リストの読んで意味のわかるコンテンツは、<span class="literal">option</span> 要素の開始タグの後に入力します。次の <span class="literal">option</span> 要素の開始タグまたは <span class="literal">select</span> 要素の終了タグでエントリが区切られるため、終了タグは省略可能です。今後 <span class="literal">option</span> 要素が階層メニューグループにまとめられる可能性もあります。詳細については、<span class="literal">optgroup</span> 属性も参照してください。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;SELECT name="chapters"&gt;
    &lt;OPTION value="1"&gt;Chapter 1&lt;/OPTION&gt;
    &lt;OPTION value="2"&gt;Chapter 2&lt;/OPTION&gt;
    &lt;OPTION value="3"&gt;Chapter 3&lt;/OPTION&gt;
    &lt;OPTION value="4"&gt;Chapter 4&lt;/OPTION&gt;
&lt;/SELECT&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>.<span class="replaceable">optionName</span>
[window.]document.forms[i].elements[j].options[k].<span class="replaceable">optionName</span>
[window.]document.getElementById(<span class="replaceable">elementID)</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">要素固有の属性</span></td></tr><tr><td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td></tr><tr><td>        <table border="1">
					<tbody><tr><td><span class="literal">disabled</span></td><td><span class="literal">label</span></td><td><span class="literal">selected</span></td><td><span class="literal">value</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">要素固有のイベントハンドラー属性</span></td>
				</tr>
				<tr>
					<td><p>なし </p>
					</td>
				</tr>
			</table>
		</div><div id="disabled">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">disabled</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 6</span> IE<span class="emphasis"> 5 (Macintosh)</span> HTML<span class="emphasis"> 4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">disabled</p>
					</td><td valign="top" nowrap class="requirements">オプション&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>この属性があると、リストの <span class="literal">option</span> 要素が無効になります。Macintosh 版 IE 5 ではこの属性によってリストの選択が無効になりますが、バージョン 6 現在の Windows 版 IE はこの属性に対して他の機能は提供しません。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;OPTION value="Met101" disabled&gt;Meteorology 101&lt;/OPTION&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>この属性があると、属性値には <span class="literal">true</span> が設定されます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>.<span class="replaceable">optionName.</span>disabled
[window.]document.forms[i].elements[j].options[k].<span class="replaceable">optionName.</span>disabled
[window.]document.getElementById(<span class="replaceable">elementID).</span>disabled</pre>
						</span></td>
				</tr>
			</table>
		</div><div id="label">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">label</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> なし</span> IE<span class="emphasis"> なし</span> HTML<span class="emphasis"> 4</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">label="<span class="replaceable">labelText</span>"</p>
					</td><td valign="top" nowrap class="requirements">必要&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p><span class="literal">label</span> 属性は、今後の階層選択リストの出現に備えて HTML 4.0 に追加されました。<span class="literal">label</span> 属性は、階層的に表示された場合、<span class="literal">option</span> 要素の短い代用エントリとして表示されます。これは <span class="literal">option</span> 要素に関連付けられている標準テキストを上書きします。Macintosh 版 IE 5 では、要素のテキストの代わりに誤って <span class="literal">label</span> 属性の値が表示されるので注意してください。バージョン 6 のブラウザでは、この属性に実用的な機能はありません。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;OPTION label="Meteo 101" value="met101"&gt;Meteorology 101&lt;/OPTION&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>文字列。文字列は一重または二重引用符で囲む必要があります。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p>なし </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="lang">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> 3</span>  IE<span class="emphasis"> 4</span>  HTML<span class="emphasis"> 4</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
							</td><td valign="top" nowrap class="requirements">オプション&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>要素の属性値およびコンテンツに使用される言語。ブラウザはこの情報を使用して、合字 (特定のフォントでサポートされたり、書き言葉で必要になった場合)、疑問符、およびハイフネーションの処理などの詳細に関して、コンテンツの適切な表示を行います。その他のアプリケーションや検索エンジンでは、スペルチェック辞書の選択やインデックスの作成にこの情報を利用する場合があります。
		</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
						</tr>
						<tr>
							<td><p>大文字と小文字を区別しない言語コード</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">既定値</span></td>
						</tr>
						<tr>
							<td><p>ブラウザの既定値</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
								</span></td>
						</tr>
					</table>
		</div>
		<div id="selected">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">selected</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> すべて</span> IE<span class="emphasis"> すべて</span> HTML<span class="emphasis"> すべて</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">selected</p>
					</td><td valign="top" nowrap class="requirements">オプション&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p><span class="literal">selected</span> 属性は、<span class="literal">select</span> 要素内のアイテムを前もって選択します。<span class="literal">select</span> 要素が <span class="literal">multiple</span> に設定されている場合、複数の <span class="literal">option</span> 要素に <span class="literal">selected</span> 属性を設定できます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;OPTION value="met101" selected&gt;Meteorology 101&lt;/OPTION&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>この属性があると、属性値には <span class="literal">true</span> が設定されます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>.<span class="replaceable">optionName</span>.selected
[window.]document.forms[i].elements[j].options[k].selected
[window.]document.getElementById(<span class="replaceable">elementID</span>).selected</pre>
						</span></td>
				</tr>
			</table>
		</div>

		<div id="value">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">value</td><td valign="top" nowrap class="compatibility">NN<span class="emphasis"> すべて</span> IE<span class="emphasis"> すべて</span> HTML<span class="emphasis"> すべて</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">value="<span class="replaceable">text</span>"</p>
					</td><td valign="top" nowrap class="requirements">オプション&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>値を <span class="literal">option</span> 要素と関連付けます。これは <span class="literal">select</span> 要素に表示されるテキストと同じであることも異なることもあります。<span class="literal">select</span> 要素がサーバーに送信されたフォーム内にある場合、ユーザーによってオプションが選択されると、<span class="literal">value</span> 属性の値は <span class="literal">select</span> 要素の「名前/値」のペアに指定されます。またはオプションが <span class="literal">selected</span> として指定されていることもあり、この場合ユーザーは他に選択肢がありません。スクリプト上の理由から、スクリプトによって後に処理されるオブジェクトを示す URL や文字列のような値が <span class="literal">value</span> 属性に指定されることもあります。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;OPTION value="met101"&gt;Meteorology 101&lt;/OPTION&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>文字列。文字列は一重または二重引用符で囲む必要があります。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p>なし</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>.<span class="replaceable">optionName.</span>value
[window.]document.forms[i].elements[j].options[k].<span class="replaceable">optionName.</span>value
[window.]document.getElementById(<span class="replaceable">elementID).</span>value</pre>
						</span></td>
				</tr>
			</table>
		</div>

</body>
</html>