size (HTML attribute)
| Depr. | Version |
|---|---|
| No | HTML 2 |
| IE5.5+ | FF1+ | SA1.3+ | OP9.2+ |
|---|---|---|---|
| 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 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 | |||||||
|---|---|---|---|---|---|---|---|---|---|---|
| 5.5 | 6.0 | 7.0 | 1.0 | 1.5 | 2.0 | 1.3 | 2.0 | 3.0 | 9.2 | 9.5 |
| 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
- ID:
- #1
- Date:
- Fri, 28 Mar 2008 11:55:42 GMT
The SIZE attribute can be used even if MULTIPLE is not. You may want to display a list as a list box rather than as a drop-down list, even if it's a single-selection list.
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.