Balise HTML ou XHTML OPTION

BALISE OPTION

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

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

Définition

La balise HTML et XHTML OPTION permet de définir une option dans un menu.
Exemple de code :
<OPTION> </OPTION>

La balise HTML et XHTML OPTION se trouve placée à l'intérieur de la balise <SELECT></SELECT>.
Le nombre de balises <OPTION> est infini.
Exemple:
Exemple de code :
<FORM>
  <SELECT>
    <OPTION>OPTION 1 </OPTION>
    <OPTION>OPTION 2 </OPTION>
  </SELECT>
</FORM>

Cours Html : Formulaire
javascript [3]
Infos Javascript
Accéder à la balise :
Exemple de code :
document.forms.Name_form. Name_Select.options[n]
"n" étant un nombre.
Accéder au texte de l'option:
Exemple de code :
document.forms.f.dmc. options[n].text
n étant un nombre.

Cours javascript : Formulaire

Vous trouverez des informations sur l'objet javascript OPTION dans les glossaires javascript DOM :
Document Object Model Core :
Objet Node
Objet Element
Document Object Model HTML :
Objet Option
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 "option"

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

Définition

L'attribut HTML et XHTML CLASS de la balise HTML OPTION, permet d'identifier la balise.
Exemple de code :
<OPTION CLASS="Nom"> </OPTION>

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 [s]

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

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

Définition

L'attribut HTML et XHTML DIR de la balise HTML et XHTML OPTION spécifie le sens de lecture de l'option.
Exemple de code :
<OPTION DIR="LTR"> </OPTION>

L'attribut HTML et XHTML DIR de la balise HTML et XHTML OPTION 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 [7]
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 "option"

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

Définition

L'attribut HTML et XHTML DISABLED de la balise HTML et XHTML OPTION empêche la sélection de l'option.
Exemple de code :
<OPTION DISABLED> </OPTION>

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 OPTION s'écrit en XHTML.
Exemple de code :
<option disabled="disabled"> </option>
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 "option"

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

Définition

L'attribut HTML et XHTML ID de la balise HTML et XHTML OPTION permet d'identifier la balise.
Exemple de code :
<OPTION ID="Nom"> </OPTION>
Utilisé pour les cascading style sheets et le javascript.
javascript [7]
Infos Javascript
css [1]
Infos CSS
Voir les feuilles de styles associées :
 
Cours css

Attribut html ou xhtml LABEL [s]

Détails de compatiblilité navigateur HTML pour l'attribut "label" de la balise "option"

Détails de compatiblilité navigateur XHTML pour l'attribut "label" de la balise "option"

Définition

L'attribut HTML et XHTML LABEL de la balise HTML et XHTML OPTION est un texte court qui résume le contenu de l'option.
Exemple de code :
<OPTION LABEL="pc">Tech. PC</OPTION>
<OPTION LABEL="fr">France</OPTION>

L'attribut HTML et XHTML LABEL de la balise HTML et XHTML OPTION doit compléter l'attribut HTML et XHTML LABEL de la balise HTML et XHTML OPTGROUP.
javascript [7]
Infos Javascript
css [0]
Infos 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 "option"

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

Définition

L'attribut HTML et XHTML LANG de la balise HTML et XHTML OPTION, permet de spécifier le langue de l'option.
Exemple de code :
<OPTION LANG="fr"> </OPTION>

L'attribut HTML et XHTML LANG de la balise HTML et XHTML OPTION peut prendre entre autre la valeur de :
- fr, françcais.
- en, anglais.

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

Définition

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 :
<option lang="fr" xml:lang="fr">Texte XHTML</option>
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

Attribut html ou xhtml SELECTED [s]

Détails de compatiblilité navigateur HTML pour l'attribut "selected" de la balise "option"

Détails de compatiblilité navigateur XHTML pour l'attribut "selected" de la balise "option"

Définition

L'attribut HTML et XHTML SELECTED de la balise HTML et XHTML OPTION détermine quelle ou quelles options sont sélectionnées au départ.
Exemple de code :
<option selected="selected"> </option>

Exemple :
Avec MultipleSans Multiple
javascript [0]
Infos Javascript
Récupérer l'index de l'Option sélectionnée.
Exemple de code :
document.forms.ff.dmc.options. selectedIndex

Cours javascript : Formulaire
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS

XHTML

L'attribut XHTML SELECTED de la balise XHTML OPTION s'écrit en XHTML :
Exemple de code :
<option selected="selected"></option>
javascript [8]
Infos Javascript
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 "option"

Définition

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

Attribut html ou xhtml VALUE [o]

Détails de compatiblilité navigateur HTML pour l'attribut "value" de la balise "option"

Détails de compatiblilité navigateur XHTML pour l'attribut "value" de la balise "option"

Définition

L'attribut HTML et XHTML VALUE de la balise HTML et XHTML OPTION, permet de spécifier la valeur envoyée lors de l'envoit du formulaire.
Exemple de code :
<OPTION VALUE="Valeur"> </OPTION>

La valeur sera associée au NAME de la balise HTML <SELECT>.
Exemple :

Si l'internaute a sélectionné TRES BIEN alors sur le formulaire que vous recevrez, vous aurez :
choix=deux.
javascript [7]
Infos Javascript
Accéder à la valeur de l'option :
Exemple de code :
document.forms.Name_form.Name_Select. options[n].value
N étant un nombre.

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

Attribut html ou xhtml XML [s]

Détails de compatiblilité navigateur XHTML pour l'attribut "xml" de la balise "option"

Définition

L'attribut XHTML xml:lang de la balise HTML et XHTML OPTION, permet de spécifier la langue utilisée.
Exemple de code :
<option xml:lang>Texte XHML</option>

L'attribut XHTML xml:lang de la balise XHTML OPTION peut prendre entre autre la valeur de :
- fr, français.
- en, anglais.
javascript [0]
Infos Javascript
css [0]
Infos CSS
Aucune cascading style sheets associée.
Visitez la ZONE CSS