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 |