mozilla
Vos résultats de recherche

    <select>

    Résumé

    L'élément HTML <select> (pour Select) représente un contrôle qui présente un menu avec des options. Les options de ce menu sont représentées par des éléments <option> pouvant être regroupées par des éléments <optgroup>. Les options peuvent également être pré-sélectionnées.

    Attributs

    Cet élément inclut les attributs globaux.

    autofocus HTML5
    Cet attribut booléen permet de spécifier si oui ou non la page devrait sélectionner le contrôle après son chargement (sauf si l'utilisateur remplit un autre contrôle). Un seul élement form par document peut avoir un attribut autofocus.
    disabled
    Cet attribut booléen indique que le contrôle ne peut pas être utilisé. Si l'attribut n'est pas renseigné, le contrôle inhérite du paramètre de l'élément parent, éventuellement un élémént <fieldset>. S'il n'a pas d'ancêtre avec l'attribut disabled renseigné, le contrôle est alors actif.
    form HTML5
    L'élément formulaire auquel cet élément est associé (son formulaire « propriétaire »). La valeur de cet attribut doit être l'identifiant (ou id) d'un élément {HTMLElement("form")}} présent dans le même document. Si cet attribut n'est pas spécifié, l'élément <select> doit être un descendant d'un élément <form>. Cet attribut permet de disposer des éléments <select> au sein du document sans qu'ils soient directement descendants de leur formulaire.
    multiple
    Cet attribut booléen indique si oui ou non, plusieurs options peuvent être choisies simultanément dans la liste. S'il n'est pas renseigné, une seule option peut être choisie à la fois.
    selected
    Préselectionne l'élément <option> dans le <select>
    name
    Le nom du contrôle.
    required HTML5
    Un attribut booléen indiquant si une option (dont le contenu n'est pas une chaîne de caractères vide) doit être sélectionnée.
    size
    Si le contrôle est présenté sous la forme d'une liste déroulante, cet attribut représente le nombre de lignes qui doivent être visibles. Les navigateurs n'ont pas l'obligation de présenter de tels éléments dans une liste déroulante. La valeur par défaut est 0.
    Note relative à Firefox : Selon la spécification HTML5, la valeur par défaut pour cet attribut devrait être 1. Cependant, il a été observé en pratique que cela casse certains sites web. En outre, aucun navigateur actuel ne se comporte de cette manière. Mozilla a donc pour l'instant décidé de continuer à utiliser 0 comme valeur par défaut.

    Exemple

    <!-- La deuxième valeur sera sélectionnée au début -->
    <select name="select">
      <option value="value1">Valeur 1</option> 
      <option value="value2" selected>Valeur 2</option>
      <option value="value3">Valeur 3</option>
    </select>
    

    Résultat

    Note : Le contenu de cet élément est statique et ne peut pas être édité. Si vous souhaitez émuler un texte éditable avec un élément <fieldset> contenant des boutons radios et des boîtes de texte (cf. <input>), veuillez consulter cet exemple (écrit seulement avec du CSS et sans JavaScript).

    Spécifications

    Spécification Statut Commentaires
    HTML5 Candidate Recommendation  
    HTML 4.01 Specification Recommendation  

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support simple 1.0 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
    attribut required (Oui) 4.0 (2.0) 10 (Oui) (Oui)
    Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support simple (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)
    attribut required (Oui) 4.0 (2.0) Pas de support (Oui) (Oui)

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, tregagnon, Julien.stuby, Julien STUBY, SphinxKnight
    Dernière mise à jour par : SphinxKnight,