size (HTML attribute)

Spec
Depr. Version
No HTML 2
Browser support (more…)
IE5.5+ FF1+ SA1.3+ OP9.2+ CH2+
Full Full Full Full Full

Syntax

size="number"

Description

The size attribute is normally used in conjunction with the multiple attribute to define the number of options that will be displayed in the list at any time. The size attribute can also be used without a multiple selection list, but this usage isn’t as common.

If the size is set to "1", or omitted entirely, the select will render as a pull-down list. If the value is greater than "1", the select renders as list of options. If the value of the size attribute is lower than the number of option elements contained in the select list, the browser will display a scroll bar control to indicate that there are more options to view or action below, as Figure 1 shows.

Figure 1. A select list on which multiple is set, which has a size of "5" Select list with multiple set and a size of 5

Example

This size attribute displays five options in the list:
<form>
  <label for="favoritefood">Favorite food</label>
  <select name="favoritefood" id="favoritefood"
      multiple="multiple" size="5">
    <option>Cheese</option>
    <option>Egg</option>
    <option>Cabbage</option>
    ⋮
  </select>
</form>

Value

This attribute takes as its value a number, such as "5", "10", and so on.

Compatibility

Internet Explorer Firefox Safari Opera Chrome
5.5 6.0 7.0 8.0 1.0 1.5 2.0 3.0 3.5 1.3 2.0 3.1 4.0 9.2 9.5 10.0 2.0
Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full Full

It causes no compatibility issues, and has excellent support across all tested browsers.

User-contributed notes

Related Products