THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <input> size Attribute

❮ HTML <input> tag

Example

An HTML form with two input fields with a width of 50 and 4 characters:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname" size="50"><br><br>
  <label for="pin">PIN:</label>
  <input type="text" id="pin" name="pin" maxlength="4" size="4"><br><br>
  <input type="submit" value="Submit">
</form>
Try it Yourself »

Definition and Usage

The size attribute specifies the visible width, in characters, of an <input> element.

Note: The size attribute works with the following input types: text, search, tel, url, email, and password.

Tip: To specify the maximum number of characters allowed in the <input> element, use the maxlength attribute.


Browser Support

The numbers in the table specify the first browser version that fully supports the attribute.

Attribute
size Yes Yes Yes Yes Yes

Syntax

<input size="number">

Attribute Values

Value Description
number Specifies the width of an <input> element, in characters. Default value is 20

❮ HTML <input> tag