Tutorials References Menu

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