THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <select> size Attribute

❮ HTML <select> tag

Example

A drop-down list with three visible options:

<label for="cars">Choose a car:</label>

<select name="cars" id="cars" size="3">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
Try it Yourself »

Definition and Usage

The size attribute specifies the number of visible options in a drop-down list.

If the value of the size attribute is greater than 1, but lower than the total number of options in the list, the browser will add a scroll bar to indicate that there are more options to view.


Browser Support

Attribute
size Yes Yes Yes Yes Yes

Note: In Chrome and Safari, this attribute may not work as expected for size="2" and size="3".


Syntax

<select size="number">

Attribute Values

Value Description
number The number of visible options in the drop-down list. Default value is 1. If the multiple attribute is present, the default value is 4

❮ HTML <select> tag