Balise HTML ou XHTML SELECT

BALISE SELECT

Détails de compatiblilité navigateur HTML pour la balise "select"

Détails de compatiblilité navigateur XHTML pour la balise "select"

Définition

La balise HTML et XHTML SELECT contient une liste d'options.
La balise HTML et XHTML SELECT permet de créer un menu déroulant dans un formulaire.
Exemple de code :
<SELECT> </SELECT>

Chaque option est définie par la balise <OPTION> </OPTION>.
La balise HTML et XHTML SELECT n'est pas reconnue par Netscape si elle n'est pas dans la balise <FORM> :
Exemple de code :
<FORM>
  <SELECT>
    <OPTION>OPTION 1 </OPTION>
    <OPTION>OPTION 2 </OPTION>
  </SELECT>
</FORM>


Cours Html : Formulaire
javascript [8]
Infos Javascript
Vous pouvez connaître le nombre d'OPTION:
Exemple de code :
document.forms.Name_form.Name_Select. options.length

Cours javascript : Formulaire

Vous trouverez des informations sur l'objet javascript SELECT dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Objet Attribut
Document Object Model HTML :
Objet Select
Select add
Select remove
Select blur
Select focus
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Css par thème

Attribut html ou xhtml CLASS [s]

Détails de compatiblilité navigateur HTML pour l'attribut "class" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "class" de la balise "select"

Définition

L'attribut HTML et XHTML CLASS de la balise HTML et XHTML SELECT, permet d'associer une feuille de style (css) à la balise.
Exemple de code :
<SELECT CLASS="Nom"> </SELECT>
Utilisé pour les cascading style sheets.
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml DIR [o]

Détails de compatiblilité navigateur HTML pour l'attribut "dir" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "dir" de la balise "select"

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML SELECT spécifie le sens de lecture du menu déroulant.
Exemple de code :
<SELECT DIR="LTR"> </SELECT>
L'attribut HTML et XHTML DIR de la balise HTML et XHTML SELECT peut prendre la valeur de :
- LTR: de la gauche vers la doite.
- RTL: de la droite vers la gauche (pour l'hébreu par exemple).
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml DISABLED [s]

Détails de compatiblilité navigateur HTML pour l'attribut "disabled" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "disabled" de la balise "select"

Définition

L'attribut HTML et XHTML DISABLED de la balise HTML et XHTML SELECT, permet de bloquer le menu déroulant.
Exemple de code :
<SELECT DISABLED> </SELECT>

Attention, il semble que tous les champs ayant un attribut HTML et XHTML DISABLED ne soient pas envoyés.
Exemple :
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut XHTML DISABLED de la balise XHTML SELECT s'écrit en XHTML :
Exemple de code :
<select disabled="disabled"> </select>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml ID [s]

Détails de compatiblilité navigateur HTML pour l'attribut "id" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "id" de la balise "select"

Définition

L'attribut HTML et XHTML ID de la balise HTML et XHTML SELECT, permet d'identifier la balise.
Exemple de code :
<SELECT ID="Nom"> </SELECT>
Utilisé pour les cascading style sheets et le javascript.
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir aussi les sélecteurs css
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml LANG [s]

Détails de compatiblilité navigateur HTML pour l'attribut "lang" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "lang" de la balise "select"

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML SELECT permet de spécifier le langage du menu déroulant.
Exemple de code :
<SELECT LANG=" "> </SELECT>
L'attribut HTML et XHTML LANG de la balise HTML et XHTML SELECT peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.

Exemple ~~> Exemple LANG
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

Lorsque vous mettez l'attribut XHTML lang, vous devez obligatoirement mettre l'attribut XHTML xml:lang.
L'attribut XHTML xml:lang peut prendre les même valeurs que l'attribut XHTML lang.
Exemple de code :
<select lang="fr" xml:lang="fr">Texte XHTML</select>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml MULTIPLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "multiple" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "multiple" de la balise "select"

Définition

L'attribut HTML et XHTML MULTIPLE de la balise HTML et XHTML SELECT permet de spécifier si l'internaute peut faire plusieurs sélections.
Exemple de code :
<SELECT MULTIPLE> </SELECT>
Avec Multiple Sans Multiple
javascript [6]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut XHTML MULTIPLE de la balise XHTML SELECT s'écrit en XHTML:
Exemple de code :
<select multiple="multiple"> </select>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml NAME [o]

Détails de compatiblilité navigateur HTML pour l'attribut "name" de la balise "select"

Définition

L'attribut HTML NAME de la balise HTML SELECT permet d'identifier les valeurs sélectionnées par l'internaute lors de la réception du formulaire.
Exemple de code :
<SELECT NAME="Nom"></SELECT>

L'attribut HTML NAME de la balise HTML SELECT permet identifier le menu en javascript.
javascript [7]
Infos Javascript
Accèder à la balise :
Exemple de code :
document.forms.Name_form.Name_Select

Cours javascript : Formulaire
Document Object Model Core :
Objet Element
Element getAttribute
Element setAttribute
Element removeAttribute
Element hasAttribute
Objet Attribut
Document Object Model HTML :
Select name
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut HTML NAME de la balise HTML SELECT n'existe pas en XHTML, son équivalent est l'attribut XHTML ID.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SIZE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "size" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "size" de la balise "select"

Définition

L'attribut HTML et XHTML SIZE de la balise HTML et XHTML SELECT, permet de définir le nombre d'options visible.
Exemple de code :
<SELECT SIZE="3"> </SELECT>
Multiple SIZE="1" Sans SIZE="1"
Multiple SIZE="3 SIZE="3"
javascript [4]
Infos Javascript

Document Object Model Core :
Element getAttribute
Element setAttribute
Objet Attribut
Document Object Model HTML :
Select size
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml STYLE [s]

Détails de compatiblilité navigateur HTML pour l'attribut "style" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "style" de la balise "select"

Définition

L'attribut HTML et XHTML STYLE de la balise HTML et XHTML SELECT, permet de définir des cascading style sheets dans la balise même.
Exemple de code :
<SELECT STYLE="text-decoration:underline"> </SELECT>
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml TABINDEX [s]

Détails de compatiblilité navigateur HTML pour l'attribut "tabindex" de la balise "select"

Détails de compatiblilité navigateur XHTML pour l'attribut "tabindex" de la balise "select"

Définition

L'attribut HTML et XHTML TABINDEX de la balise HTML et XHTML SELECT permet de définir l'ordre d'exploitation des éléments du formulaire avec la touche tabulation.
Exemple de code :
<SELECT TABINDEX="2"> </SELECT>
javascript [7]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS
Page suivante