INPUT SELECT évolué

Bonjour à tous,
j'aimerais créer un INPUT SELECT avec mise en forme. En fait la liste déroulante se présenterait de la manière suivante :

Titre 1
option 1
option 2
option 3
Titre 2
option 1
option 2
option 3

avec : les titres en gras non sélectionnables, et les options sélectionnable. Il me semble avoir déjà vu un tel cas sur un site...
Merci de vos reponses :D

J'ai trouvé :
faut mettre du css directement dans les balises options, exemple :

Code:

---

<option value="Alpes du Nord" style="background-color:#ccc;font:bold 10px Verdana;">Alpes du Nord</option>

---

:yaisse2:

Il me reste un pblm : comment rendre une <option> non selectionnable ?
:lol:

tu peux également utiliser des optgroup, qui permettent de faire des groupes dans une liste de select (c'est fait pour ça).

Exemple :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<select> <optgroup label="Titre 1"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </optgroup> <optgroup label="Titre 2"> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </optgroup> </select>

---

un petit tour sur Google et j'ai trouvé le site suivant qui donne un exemple simple :

http://www.startyourdev.com/HTML/Balise-OPTGROUP.html

j'espère que ça pourra t'aider,

bonne journée,

Vincent

C'est exactement ça que je cherchais vdelbart
Merci beaucoup pour ta disponibilité !!!!
:king: