<SELECT> | NN tous IE tous HTML tous | |||||||||||||||
<SELECT>...</SELECT> | Balise de fin HTML : obligatoire | |||||||||||||||
L'élément select affiche des informations provenant des éléments option qu'il contient, sous forme de liste déroulante ou de menu contextuel dans le document. En règle générale, l'utilisateur effectue un choix parmi les éléments de la liste (ou un choix multiple dans une liste déroulante si la valeur de l'attribut size est supérieure à 1 et si l'attribut multiple est défini). L'attribut value de l'élément option sélectionné est envoyé au serveur avec le formulaire, comme partie « valeur » d'une paire nom / valeur. Lorsque l'élément est paramétré pour permettre plusieurs sélections, plusieurs paires nom / valeur (qui répètent le nom de l'élément) séparées par une esperluette sont envoyées avec le formulaire. Avec Navigator 4, l'élément select doit être placé dans un élément form. |
||||||||||||||||
Exemple | ||||||||||||||||
<SELECT name="chapters"> <OPTION value="chap1.html">Chapter 1</OPTION> <OPTION value="chap2.html">Chapter 2</OPTION> <OPTION value="chap3.html">Chapter 3</OPTION> <OPTION value="chap4.html">Chapter 4</OPTION> </SELECT> |
||||||||||||||||
Référence de modèle d'objet | ||||||||||||||||
[window.]document.formName.selectName [window.]document.forms[i].elements[j] [window.]document.getElementById(elementID) |
||||||||||||||||
Attributs spécifiques à l'élément | ||||||||||||||||
|
||||||||||||||||
Attributs du gestionnaire d´événements spécifiques à l´élément | ||||||||||||||||
|
accesskey | NN s.o. IE 4 HTML s.o. |
accesskey="character" | Facultatif |
Cet attribut partagé est répertorié ici pour vous rappeler que seul IE prend en charge l'attribut de l'élément select. Reportez-vous à la présentation sur les attributs partagés précédemment dans ce chapitre. |
align | NN s.o. IE 4 HTML s.o. |
align="alignmentConstant" | Facultatif |
Détermine le type d'alignement du rectangle de l'élément select dans le contexte du contenu environnant (en particulier lorsque la valeur de l'attribut size est supérieure à 1). Reportez-vous à la section 8.1.5 précédemment dans ce chapitre. Seul Internet Explorer prend en charge l'attribut align pour l'élément select. |
|
Exemple | |
<SELECT name="chapters" multiple align="baseline">...</SELECT> |
|
Valeur | |
Constante non sensible à la casse. |
|
Par défaut | |
bottom (IE/Windows); absmiddle (IE/Macintosh). |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.align [window.]document.forms[i].elements[j].align [window.]document.getElementById(elementID).align |
datafld | NN n/a IE 4 HTML |4| |
datafld="columnName" | Facultatif |
Cet attribut est utilisé avec IE dans le cadre d'une liaison de données, pour associer le nom d'une colonne d'une source de données distante à la propriété selectedIndex d'un élément select (c'est-à -dire la valeur d'index à base zéro de l'élément actuellement sélectionné dans la liste, comme il est décrit pour l'objet select du chapitre 9). Il n'est donc possible d'utiliser la liaison de données qu'avec des éléments select n'ayant pas l'attribut multiple. Vous devez également définir un attribut datasrc pour l'élément. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac. Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0. |
|
Exemple | |
<SELECT name="chapters" datasrc="DBSRC3" datafld="chapterRequest"> <OPTION value="chap1.html">Chapter 1</OPTION> <OPTION value="chap2.html">Chapter 2</OPTION> <OPTION value="chap3.html">Chapter 3</OPTION> <OPTION value="chap4.html">Chapter 4</OPTION> </SELECT> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.dataFld [window.]document.forms[i].elements[j].dataFld [window.]document.getElementById(elementID).dataFld |
datasrc | NN n/a IE 4 HTML |4| |
datasrc="dataSourceName" | Facultatif |
Utilisé avec la fonction de liaison de données de Microsoft Internet Explorer pour spécifier l'ID de l'élément object de la page, qui charge l'objet de source de données pour l'accès distant aux données. Le contenu à extraire de la source de données est spécifié à l'aide de l'attribut datafld. S'applique uniquement aux sources de données de fichier texte dans IE 5/Mac. Cet attribut a été réservé dans HTML 4, mais il a été abandonné dans XHTML 1.0. |
|
Exemple | |
<SELECT name="chapters" datasrc="#DBSRC3" datafld="chapterRequest"> <OPTION value="chap1.html">Chapter 1</OPTION> <OPTION value="chap2.html">Chapter 2</OPTION> <OPTION value="chap3.html">Chapter 3</OPTION> <OPTION value="chap4.html">Chapter 4</OPTION> </SELECT> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.dataSrc [window.]document.forms[i].elements[j].dataSrc [window.]document.getElementById(elementID).dataSrc |
disabled | NN 6 IE 3 HTML 4 |
disabled | Facultatif |
La présence de cet attribut désactive l'élément select et les éléments option imbriqués qu'il contient. L'élément ne reçoit aucun événement lorsqu'il est désactivé. Vous pouvez également désactiver des options individuelles par l'intermédiaire des propriétés disabled de ces éléments. |
|
Exemple | |
<SELECT name="chapters" disabled> <OPTION value="chap1.html">Chapter 1</OPTION> <OPTION value="chap2.html">Chapter 2</OPTION> <OPTION value="chap3.html">Chapter 3</OPTION> <OPTION value="chap4.html">Chapter 4</OPTION> </SELECT> |
|
Valeur | |
La présence de cet attribut définit sa valeur comme true (vrai). |
|
Par défaut | |
false |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.disabled [window.]document.forms[i].elements[j].disabled [window.]document.getElementById(elementID).disabled |
lang | NN 3 IE 4 HTML 4 |
lang="languageCode" | Facultatif |
La langue utilisée pour le contenu et les valeurs d'attributs de l'élément. Un navigateur peut se servir de ces informations pour aider à l'affichage correct du contenu aussi bien que de détails comme le traitement des ligatures (lorsqu'elles sont prises en charge par une police particulière ou requises par une langue é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élection des dictionnaires utilisés pour la vérification orthographique et aider la création d'index. |
|
Exemple | |
<SPAN lang="de">Deutsche Bundesbahn</SPAN> |
|
Valeur | |
Code de langue insensible à la casse. |
|
Par défaut | |
Valeur par défaut du navigateur. |
multiple | NN tous IE tous HTML tous |
multiple | Facultatif |
La présence de l'attribut multiple indique au navigateur qu'il doit afficher l'élément select sous forme de zone de liste et permettre aux utilisateurs de sélectionner plusieurs éléments de la liste. Par défaut, la valeur de l'attribut size correspond au nombre d'éléments option imbriqués, mais il est possible de définir une autre valeur pour l'attribut size. Vous pouvez sélectionner des éléments contigus en maintenant la touche Maj enfoncée tout en cliquant sur le premier et le dernier élément à sélectionner. Pour sélectionner des éléments non contigus, l'utilisateur doit maintenir la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée tout en cliquant sur chaque élément désiré. L'attribut multiple est sans effet si l'attribut size est paramétré sur 1 pour afficher un menu contextuel. |
|
Exemple | |
<SELECT name="equipment" multiple> <OPTION value="monitor">Video monitor</OPTION> <OPTION value="modem">Modem</OPTION> <OPTION value="printer">Printer</OPTION> ... </SELECT> |
|
Valeur | |
La présence de cet attribut définit sa valeur comme true (vrai). |
|
Par défaut | |
false |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.multiple [window.]document.forms[i].elements[j].multiple [window.]document.getElementById(elementID).multiple [window.]document.formName.selectName.type [window.]document.forms[i].elements[j].type [window.]document.getElementById(elementID).type |
name | NN tous IE tous HTML tous |
name="elementIdentifier" | Facultatif |
Le nom envoyé avec le formulaire dans la paire nom / valeur de l'élément. Il est similaire à l'attribut name des éléments input. |
|
Exemple | |
<SELECT name="cpu" id="cpu"> <OPTION value="486">486</OPTION> <OPTION value="pentium">Pentium</OPTION> <OPTION value="pentium2">Pentium II</OPTION> ... </SELECT> |
|
Valeur | |
Identifiant sensible à la casse. |
|
Par défaut | |
Aucune. |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.name [window.]document.forms[i].elements[j].name [window.]document.getElementById(elementID).name |
size | NN tous IE tous HTML tous |
size="rowCount" | Facultatif |
Contrôle le nombre de lignes des éléments option qui apparaissent dans l'élément select. Avec une valeur de 1, l'élément select présente son contenu dans un menu contextuel; pour une valeur supérieure à 1, les éléments option sont affichés dans une zone de liste. Les navigateurs contrôlent la largeur de l'élément en fonction du texte le plus large associé aux éléments option imbriqués. |
|
Exemple | |
<SELECT name="equipment" size="3"> <OPTION value="monitor">Video monitor</OPTION> <OPTION value="modem">Modem</OPTION> <OPTION value="printer">Printer</OPTION> ... </SELECT> |
|
Valeur | |
Tout entier positif. |
|
Par défaut | |
1 |
|
Référence de modèle d'objet | |
[window.]document.formName.selectName.size [window.]document.forms[i].elements[j].size [window.]document.getElementById(elementID).size |
tabindex | NN 6 IE 3 HTML 4 |
tabindex="integer" | Facultatif |
Cet attribut partagé est répertorié ici pour vous rappeler que Netscape 6 et HTML 4 le prennent en charge pour faciliter l'accessibilité à un contrôle de formulaire complexe. Lorsque l'élément select est activé, l'utilisateur peut toujours utiliser le clavier pour sélectionner les éléments. Reportez-vous à la présentation de cet attribut précédemment dans ce chapitre. |