IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

INPUT SELECT évolué


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Août 2006
    Messages
    45
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 45
    Par défaut 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

  2. #2
    Membre averti
    Inscrit en
    Août 2006
    Messages
    45
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 45
    Par défaut
    J'ai trouvé :
    faut mettre du css directement dans les balises options, exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <option value="Alpes du Nord" style="background-color:#ccc;font:bold 10px Verdana;">Alpes du Nord</option>


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

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    8
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 8
    Par défaut
    tu peux également utiliser des optgroup, qui permettent de faire des groupes dans une liste de select (c'est fait pour ça).

    Exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  4. #4
    Membre averti
    Inscrit en
    Août 2006
    Messages
    45
    Détails du profil
    Informations forums :
    Inscription : Août 2006
    Messages : 45
    Par défaut
    C'est exactement ça que je cherchais vdelbart
    Merci beaucoup pour ta disponibilité !!!!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. récupérer un input "select" en JSP
    Par shada dans le forum Servlets/JSP
    Réponses: 2
    Dernier message: 20/08/2008, 12h07
  2. [XHTML] input select border color
    Par jeepibmx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 15/07/2008, 13h58
  3. Expression réguliére input / select
    Par bdptaki dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 07/07/2008, 14h57
  4. PB alignements input select
    Par thierryG dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 19/03/2008, 13h54
  5. Réponses: 9
    Dernier message: 14/08/2007, 09h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo