Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to create a listbox in HTML without allowing multiple selection?

Tags:

html

listbox

I don't have much experience in HTML. I am looking to create a simple listbox, but one of the requirements is to DISALLOW multiple selection. Most of the code for listboxes goes like this -

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

But this allows for multiple selection.

Here, a similar question was asked, but the "best" answer has been downvoted. So I am not sure how else this could be done. Please help.

like image 796
CodeBlue Avatar asked Mar 08 '12 15:03

CodeBlue


People also ask

How to select more than one item from drop down list in HTML?

To select multiple items, the user has to hold down the shift or ctrl key, then select with the mouse.

How do you make a listbox in HTML?

Syntax. To create a list box, use the HTML element <select> which contains two attributes Name and Size. The Name attribute is used to define the name for calling the list box, and size attribute is used to specify the numerical value that shows the how many options it contains.


2 Answers

Just use the size attribute:

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

To clarify, adding the size attribute did not remove the multiple selection.

The single selection works because you removed the multiple="multiple" attribute.

Adding the size="5" attribute is still a good idea, it means that at least 5 lines must be displayed. See the full reference here

like image 187
aaroncatlin Avatar answered Oct 21 '22 23:10

aaroncatlin


Remove the multiple="multiple" attribute and add SIZE=6 with the number of elements you want

you may want to check this site

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

like image 32
pollirrata Avatar answered Oct 21 '22 23:10

pollirrata