101 votes

Comment créer une listbox en HTML sans permettre la sélection multiple?

Je n'ai pas beaucoup d'expérience en HTML. Je suis à la recherche pour créer une zone de liste simple, mais l'une des exigences est d'INTERDIRE la sélection multiple. La plupart du code pour les zones de liste va comme ceci -

 <select name="sometext" multiple="multiple">
    <option>text1</option>
    <option>text2</option>
    <option>text3</option>
    <option>text4</option>
    <option>text5</option>
 </select>

Mais cela permet une sélection multiple.

Ici, une question semblable a été posée, mais la "meilleure" réponse a été downvoted. Donc, je ne suis pas sûr de comment cela pourrait être fait. S'il vous plaît aider.

175voto

aaroncatlin Points 1319

Il suffit d'utiliser l'attribut size:

 <select name="sometext" size="5">
  <option>text1</option>
  <option>text2</option>
  <option>text3</option>
  <option>text4</option>
  <option>text5</option>
</select>
 

58voto

pollirrata Points 2685

Supprimez l'attribut multiple = "multiple" et ajoutez SIZE = 6 avec le nombre d'éléments souhaité

vous voudrez peut-être consulter ce site

http://www.htmlcodetutorial.com/forms/_SELECT.html

5voto

Omar Sedki Points 749

Pour ANNULER une sélection multiple, supprimez multiple="multiple" et ajoutez size= "5" nombre d'options visibles que vous souhaitez.

Démo

ListBox avec sélection multiple

 <select name="sometext" multiple="multiple" >
        <option>text1</option>
        <option>text2</option>
        <option>text3</option>
        <option>text4</option>
        <option>text5</option>
     </select> 
 

ListBox sans sélection multiple

 <select name="sometext" size="5" >
    <option>text1</option>
    <option>text2</option>
    <option>text3</option>
    <option>text4</option>
    <option>text5</option>
 </select> 
 

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X