IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Formulaires > Champs > Les champs SELECT
        Comment ajouter une image dans une liste déroulante ?
        Comment alterner les couleurs de chaque élément d'une liste déroulante ?
        Comment changer la police dans un champ de type select ?
        Comment sélectionner par défaut une valeur d'une liste déroulante ?



Comment ajouter une image dans une liste déroulante ?
auteur : Forum HTML/DHTML/XHTML
Ce n'est pas possible. Les listes déroulantes ne peuvent contenir que du texte.


Comment alterner les couleurs de chaque élément d'une liste déroulante ?
auteur : Giminik
Définition du style :
/* définition du style de la police, et largeur du select */
select {
  font-family : Courier ;
  font-size : 10px ;
  width : 200px ;
}

/* élément de couleur bleu */
option.bleu {
  color : #0000FF ;
  background-color : #00CCFF ;
}

/* élément de couleur violet */
option.violet {
  color : #9900FF ;
  background-color : #99CCFF ;
}
Appel du style :
<select name="monselect">
  <option value="1" class="bleu">un</option>
  <option value="2" class="violet">deux</option>
  <option value="3" class="bleu">trois</option>
  <option value="4" class="violet" selected>quatre</option>
</select>

Comment changer la police dans un champ de type select ?
auteur : Jérôme
Il faut utiliser les styles CSS.

Exemple :
select
{
  font-family: Verdana, comic sans ms;
}

Comment sélectionner par défaut une valeur d'une liste déroulante ?
auteur : Giminik
Il faut utiliser l'attribut selected dans la balise <option> que l'on souhaite sélectionner.
<select name="monselect">
  <option value="1">un</option>
  <option value="2">deux</option>
  <option value="3" selected>trois</option>
  <option value="4">quatre</option>
</select>
Note : En XHTML, il faut utiliser selected="selected"



Consultez les autres F.A.Q's


Valid XHTML 1.0 TransitionalValid CSS!

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez.com Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.