Welcome to Bucaro TecHelp!

Bucaro TecHelp
HTTPS Encryption not required because no account numbers or
personal information is ever requested or accepted by this site

About Bucaro TecHelp About BTH User Agreement User Agreement Privacy Policy Privacy Site Map Site Map Contact Bucaro TecHelp Contact RSS News Feeds News Feeds

Setting the Number of Items Visible in a Select List

An HTML Select list is a form control used to create a drop-down list of items from which the user can select. Each item in a select list is defined by an option element. The select list can appear as a drop-down list as shown below.

Or, by setting its size property it can appear as a scrolling list, displaying more than one item at a time. The select list below shows three items because its size attribute is set to 3.

<select size="3">
<option value="Bread">Bread</option>
<option value="Coffee">Coffee</option>
<option value="Pie">Pie</option>
<option value="Salad">Salad</option>
<option value="Soup">Soup</option>
</select>

If you set the size attribute to the number of items in the list, the list it will appear as an open list with no scrollbar, as shown below.

<select size="5">
<option value="Bread">Bread</option>
<option value="Coffee">Coffee</option>
<option value="Pie">Pie</option>
<option value="Salad">Salad</option>
<option value="Soup">Soup</option>
</select>

Note: When setting size to number of items in list, in Gecko-based browsers like Firefox and Chrome, the scrollbar is grayed out. In Internet Explorer the scrollbar is totally hidden.

More HTML Code:
• Webpage DOCTYPE Declarations Explained
• HTML DIV Basics
• Text Input Box Basics
• HTML5 Input Type - URL
• How to Write and Run HTML
• Divide a Table Into Head (thead), Body (tbody), and Footer (tfoot) Sections
• Set Form Controls Tab Order With tabindex Attribute
• Easy Code to Add Google Site Search to Your Website
• HTML Image Basics
• Keywords Meta Tag Generator

RSS Feed RSS Feed

Follow Stephen Bucaro Follow @Stephen Bucaro



Fire HD
[Site User Agreement] [Privacy Policy] [Site map] [Search This Site] [Contact Form]
Copyright©2001-2019 Bucaro TecHelp 13771 N Fountain Hills Blvd Suite 114-248 Fountain Hills, AZ 85268