Sont Multi-Options de ligne en Html, Sélectionnez les Balises Possible?

Est-il possible (à l'aide de HTML uniquement) pour afficher select avec options qui s'étendent sur plusieurs lignes?

  • Je ne pense pas que c'est possible en utilisant seulement la select et option tags
InformationsquelleAutor chriss | 2009-07-22
  1. 13

    Il n'est pas possible à l'aide de html, sélectionnez contrôle.

    Vous pouvez utiliser un div qui peut agir comme une liste déroulante à l'aide de JavaScript et de css.

    InformationsquelleAutor rahul
  2. 5

    non seulement il n'est pas possible sur le standard html, mais il serait alors (comme objet) devenu incompatible avec la façon dont les appareils IOS poignée de la option tag, qui est d'afficher une liste de sélection de sorte qu'il n'est même pas raisonnable de vouloir le option tag de se comporter de cette manière qu'elle allait se briser la croix-compatibilité avec les appareils mal et de façon inattendue.

    comme d'autres l'ont déjà répondu (je n'ai pas assez de réputation pour upvote ou commentaire pour le moment) l'ont dit, il faut le faire avec css/div style etc et de cette manière est beaucoup plus extensible avec la pleine fonctionnalité html au sein de chacune des option tag's ainsi que (par le style css) étant appareil mobile-friendly.

    InformationsquelleAutor Etienne Dubois
  3. 3

    Si votre cas est d'environ iOS troncature de l'option de texte, puis la solution de Comment fixer le texte tronqué sur <select> élément sur iOS7 peut vous aider.

    Ajouter un vide "optgroup" à la fin de la liste de sélection:

    Vous pouvez mettre en place comme ceci:

    <select>
  <option selected="" disabled="">option first</option>
  <option>another option that is really long and will probably be truncated on a mobile device</option>
  ...
  <optgroup label=""></optgroup>
</select>
    • Merci, lit mieux!
    InformationsquelleAutor dlolsen
  4. 1

    Que la présentation d'un select élément est à l'utilisateur de l'agent, je crains que vous ne pouvez pas avoir que, à moins que certains d'UC en fait l'implémente. Mais select comme une zone de liste ou zone de liste déroulante n'a jamais vraiment eu besoin de beaucoup pour les éléments s'étendant sur plusieurs lignes. En outre, il serait grandement induire les utilisateurs en erreur, car ils sont utilisés à une ligne = un article.

    InformationsquelleAutor Joey
  5. 0

    Pas.

    Vous pouvez utiliser des boutons radio à la place si les, leurs <label>s word wrap.

    InformationsquelleAutor Quentin
  6. 0

    Il serait possible à l'aide de JavaScript avec le style CSS sur des éléments HTML, facile à faire avec un framework comme Dojo Toolkit. Sinon, utiliser la Radio ou une Case à cocher contrôle.

    InformationsquelleAutor aehlke
  7. -4

    Ce sujet:

    <!DOCTYPE html>
<html>
<body>

<select size="13" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

    Je ne sais pas si c'est ce que vous cherchez, mais peut-être que ça pourrait vous aider.

    Si vous voulez sélectionner plusieurs options, vous devez appuyer sur Ctrl + clic pour sélectionner plusieurs options.

    Si vous souhaitez désactiver la sélection multiple, il suffit d'effacer le "multiple" paramètre de la balise SELECT.

    • PAS la multi-sélection, il est multi-ligne de ce qu'il est à la recherche comme il l'a dit dans sa question.
    • Oui, j'ai fourni une information supplémentaire. le multi-ligne, elle est donnée par la "taille" de l'attribut. Un j'ai dit: "Si vous souhaitez désactiver de sélection multiple, il suffit d'effacer le "multiple" paramètre de la balise SELECT."
    • Cette (double) question donne un bon exemple de ce qui est demandé: stackoverflow.com/questions/15368502/...
    InformationsquelleAutor user3348274