W3Schools.com

HTML <input> size Attribute

HTML input Tag Reference HTML <input> tag

Example

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

<form action="form_action.asp">
  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 »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The size attribute is supported in all major browsers.

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 and password.

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

Compatibility Notes

Since the size attribute is a visual design attribute, it is recommended to use CSS instead.

CSS syntax: <input style="width:100px" />

CSS Example: Set the width of an input field.

In our CSS tutorial you can find more details about the width property.

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 Reference HTML <input> tag
WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$3.98 Unlimited Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Best Website Templates Top CSS Templates
CREATE HTML Websites
EASY WEBSITE BUILDER
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE