Zone de liste HTML MultiColumn

Question

Est-il possible de créer une zone de liste avec des éléments de liste dans plusieurs colonnes? Je suis au courant des alternatives, mais je me demande si cela est possible dans <select>

Answer 1

Non, ce n'est pas le cas. La seule balise enfant autorisée pour select est l'option, qui elle-même ne peut contenir que du texte brut (mais certains navigateurs prennent en charge certaines balises de style ici, comme b ou i, etc.).

Answer 2

La seule pseudo-solution à laquelle je peux penser consiste à utiliser une police à largeur fixe pour la liste déroulante, puis à remplir les colonnes de contenu avec des espaces.

COL1_NAME   | COL2_NAME 
Some nice value | Another value 
Another nice value| Second column 

Vous pouvez même essayer d'utiliser « optgroup » éléments pour les noms de colonnes, mais vous devez être au courant des différents formatages appliqués par les différents navigateurs.

Mise à jour: Par exemple, vous pouvez créer un "multi-colonnes" déroulant comme on le voit ici: http://twitpic.com/2lsuxx avec le HTML

<style type="text/css">* {font-family:Courier New;white-space:pre;}</style> 
<select> 
    <option></option> 
    <optgroup label="  Col1    | Col2"> 
    <option>Some nice value | Another value</option> 
    <option>Another nice value| Second column</option> 
    <optgroup> 
</select>