HTML <input> size Attribute

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

Attribute Values

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

❮ HTML <input> tag