| Depr. | Version |
|---|---|
| No | HTML 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ | CH2+ |
|---|---|---|---|---|
| Full | Full | Full | Full | Full |
Syntax
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.
multiple is set,
which has a size of
"5"
Example
Thissize 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
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.