HTML size Attribute
Definition and Usage
For input elements, the size attribute specifies the visible width, in characters, of an <input> element.
For select elements, the size attribute specifies the number of visible options in a drop-down list.
Applies to
The size attribute can be used on the following elements:
| Elements | Attribute |
|---|---|
| <input> | size |
| <select> | size |
Examples
Input Example
An HTML form with two input fields with a width of 35 and 4 characters:
<form
action="/action_page.php">
Email: <input type="text" name="email" size="35"><br>
PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
<input type="submit" value="Submit">
</form>
Try it Yourself »
Select Example
A drop-down list with three visible options:
<select 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 »
Browser Support
The size attribute has the following browser support for each element:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 2.0 | 1.0 | 1.0 | 1.0 |
| select | Yes | Yes | Yes | Yes | Yes |
