Tutorials References Exercises Videos Pro NEW Menu
Paid Courses Website NEW

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