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


		<div id="Description">
			<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"> tous</span>  IE<span class="emphasis"> tous</span>  HTML<span class="emphasis"> tous</span>&#160;&#160;</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">Balise de fin HTML&#160;: Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>L'&eacute;l&eacute;ment <span class="literal">option</span> d&eacute;finit une entr&eacute;e dans une liste cr&eacute;&eacute;e &agrave;l'aide de l'&eacute;l&eacute;ment <span class="literal">select</span>, que cette liste soit un menu d&eacute;roulant ou une liste d&eacute;filante. Les &eacute;l&eacute;ments <span class="literal">option</span> associ&eacute;s &agrave;un &eacute;l&eacute;ment <span class="literal">select</span> doivent &ecirc;tre inclus entre les balises de d&eacute;but et de fin de ce dernier.
</p><p>Lorsque l'utilisateur clique sur le bouton d'envoi du formulaire, l'&eacute;l&eacute;ment <span class="literal">form</span> est envoy&eacute; et les &eacute;l&eacute;ments <span class="literal">select</span> transmettent des paires nom&#160;/&#160;valeur. En g&eacute;n&eacute;ral, ce sont l'attribut <span class="literal">name</span> de l'&eacute;l&eacute;ment <span class="literal">select</span> et l'attribut <span class="literal">value</span> de l'option s&eacute;lectionn&eacute;e qui composent cette paire nom&#160;/&#160;valeur. Il est donc important d'affecter une valeur significative &agrave;l'attribut <span class="literal">value</span> de chaque &eacute;l&eacute;ment <span class="literal">option</span> d'une liste. Vous pouvez utiliser l'attribut <span class="literal">value</span> pour pr&eacute;senter &agrave;l'utilisateur des entr&eacute;es de liste clairement lisibles masquant des valeurs qui ne sont gu&egrave;re compr&eacute;hensibles que par le serveur ou les scripts. Pour une liste de s&eacute;lection, le contenu destin&eacute; &agrave;appara&icirc;tre &agrave;l'utilisateur doit &ecirc;tre indiqu&eacute; apr&egrave;s la balise de d&eacute;but de l'&eacute;l&eacute;ment <span class="literal">option</span>. La balise de fin est facultative puisque cette entr&eacute;e est de toute fa&ccedil;on d&eacute;limit&eacute;e, soit par la balise de d&eacute;but de l'&eacute;l&eacute;ment <span class="literal">option</span> suivant, soit par la balise de fin de l'&eacute;l&eacute;ment <span class="literal">select</span>. La section consacr&eacute;e &agrave;l'attribut <span class="literal">optgroup</span> aborde les possibilit&eacute;s futures de groupage d'&eacute;l&eacute;ments <span class="literal">option</span> dans des menus hi&eacute;rarchiques.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Attributs sp&eacute;cifiques &agrave;l'&eacute;l&eacute;ment</span></td>
</tr><tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
			</tr>
			<tr>
				<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Attributs du gestionnaire d&acute;&eacute;v&eacute;nements sp&eacute;cifiques &agrave; l&acute;&eacute;l&eacute;ment</span></td>
			</tr>
			<tr>
				<td><p>Aucune.</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/Mac</span> HTML <span class="emphasis">4</span>&#160;&#160;</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">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>La pr&eacute;sence de cet attribut d&eacute;sactive l'&eacute;l&eacute;ment <span class="literal">option</span> au sein de la liste. Bien que cet attribut d&eacute;sactive la s&eacute;lection de liste dans IE 5 pour Mac, IE pour Windows ne propose, &agrave;partir de la version&#160;6, aucune autre fonctionnalit&eacute; pour cet attribut.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>La pr&eacute;sence de cet attribut d&eacute;finit sa valeur comme <span class="literal">true</span> (vrai).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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"> s.o.</span>  IE<span class="emphasis"> s.o.</span>  HTML<span class="emphasis"> 4</span>&#160;&#160;</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">obligatoire&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>L'attribut <span class="literal">label</span> est inclus dans les sp&eacute;cifications HTML 4.0 en pr&eacute;vision de la possibilit&eacute; d'inclure des listes de s&eacute;lection hi&eacute;rarchiques. L'attribut <span class="literal">label</span> est destin&eacute; &agrave;repr&eacute;senter une forme plus courte d'entr&eacute;e pour les &eacute;l&eacute;ments <span class="literal">option</span> affich&eacute;s de fa&ccedil;on hi&eacute;rarchique. Il appara&icirc;t alors &agrave;la place du texte normal associ&eacute; &agrave;l'&eacute;l&eacute;ment <span class="literal">option</span>. IE 5 pour Mac affiche de fa&ccedil;on incorrecte la valeur d'attribut <span class="literal">label</span> &agrave;la place du texte de l'&eacute;l&eacute;ment. Les navigateurs de la version 6 ne proposent aucune fonctionnalit&eacute; pratique pour cet attribut.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Toute cha&icirc;ne de caract&egrave;res. Cette cha&icirc;ne doit figurer entre guillemets (simples ou doubles, mais identiques).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p>Aucune. </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></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">Facultatif</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>La langue utilis&eacute;e pour le contenu et les valeurs d'attributs de l'&eacute;l&eacute;ment. Un navigateur peut se servir de ces informations pour aider &agrave;l'affichage correct du contenu aussi bien que de d&eacute;tails comme le traitement des ligatures (lorsqu'elles sont prises en charge par une police particuli&egrave;re ou requises par une langue &eacute;crite), des guillemets et des traits d'union. D'autres applications et moteurs de recherche peuvent se servir de ces informations pour faciliter la s&eacute;lection des dictionnaires utilis&eacute;s pour la v&eacute;rification orthographique et aider la cr&eacute;ation d'index.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Code de langue insensible &agrave;la casse.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p>Valeur par d&eacute;faut du navigateur.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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"> tous</span>  IE<span class="emphasis"> tous</span>  HTML<span class="emphasis"> tous</span>&#160;&#160;</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">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>La pr&eacute;sence de l'attribut <span class="literal">selected</span> pr&eacute;s&eacute;lectionne l'&eacute;l&eacute;ment <span class="literal">option</span> auquel il appartient au sein d'un &eacute;l&eacute;ment <span class="literal">select</span>. Lorsque l'&eacute;l&eacute;ment <span class="literal">select</span> poss&egrave;de l'attribut <span class="literal">multiple</span>, plusieurs &eacute;l&eacute;ments <span class="literal">option</span> peuvent poss&eacute;der l'attribut <span class="literal">selected</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>La pr&eacute;sence de cet attribut d&eacute;finit sa valeur comme <span class="literal">true</span> (vrai).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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"> tous</span>  IE<span class="emphasis"> tous</span>  HTML<span class="emphasis"> tous</span>&#160;&#160;</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">Facultatif&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Associe une valeur &agrave;un &eacute;l&eacute;ment <span class="literal">option</span>; cette valeur peut &ecirc;tre ou non identique au texte affich&eacute; dans l'&eacute;l&eacute;ment <span class="literal">select</span>. Lorsque l'&eacute;l&eacute;ment <span class="literal">select</span> se trouve dans un formulaire transmis au serveur, la valeur de l'attribut <span class="literal">value</span> est affect&eacute;e &agrave;la paire nom&#160;/&#160;valeur de l'&eacute;l&eacute;ment <span class="literal">select</span> si cette option a &eacute;t&eacute; s&eacute;lectionn&eacute;e par l'utilisateur (ou si elle est d&eacute;sign&eacute;e comme s&eacute;lectionn&eacute;e &agrave;l'aide de l'attribut <span class="literal">selected</span> et si l'utilisateur n'a pas effectu&eacute; de s&eacute;lection). L'attribut <span class="literal">value</span> peut contenir des valeurs (adresses URL ou repr&eacute;sentations textuelles d'objets, par exemple) destin&eacute;es &agrave;&ecirc;tre ensuite trait&eacute;es &agrave;l'aide d'un script.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Exemple</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Valeur</span></td>
				</tr>
				<tr>
					<td><p>Toute cha&icirc;ne de caract&egrave;res. Cette cha&icirc;ne doit figurer entre guillemets (simples ou doubles, mais identiques).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Par d&eacute;faut</span></td>
				</tr>
				<tr>
					<td><p>Aucune.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">R&eacute;f&eacute;rence de mod&egrave;le d'objet</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</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>