W3Schools.com

HTML5 <input> Tag

Example

An HTML form with three input fields; two text fields and one submit button:

<form action="demo_form.asp">
  First name: <input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  <input type="submit" value="Submit" />
</form>

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <input> tag is supported in all major browsers.

Definition and Usage

The <input> tag specifies an input field where the user can enter data.

<input> elements are used within a <form> element to declare input controls that allow users to input data.

An input field can vary in many ways, depending on the type attribute.

Differences Between HTML 4.01 and HTML5

In HTML 4.01, the "align" attribute was deprecated, and is not supported in HTML5. Use CSS to align <input> elements.

In HTML5, the <input> tag in HTML5 has many new attributes, and the type attribute has many new values.

Tips and Notes

Note: The <input> element is empty, it contains attributes only.

Tip: Use the <label> element to define labels for <input> elements.

Attributes

New : New in HTML5.

Attribute Value Description
accept audio/*
video/*
image/*
MIME_type		 Specifies the types of files that the server accepts (only for type="file")
alt text Specifies an alternate text for images (only for type="image")
autocompleteNew on
off		 Specifies whether an <input> element should have autocomplete enabled
autofocusNew autofocus Specifies that an <input> element should automatically get focus when the page loads
checked checked Specifies that an <input> element should be pre-selected when the page loads (for type="checkbox" or type="radio")
disabled disabled Specifies that an <input> element should be disabled
formNew form_id Specifies one or more forms the <input> element belongs to
formactionNew URL Specifies the URL of the file that will process the input control when the form is submitted (for type="submit" and type="image")
formenctypeNew application/x-www-form-urlencoded
multipart/form-data
text/plain		 Specifies how the form-data should be encoded when submitting it to the server (for type="submit" and type="image")
formmethodNew get
post		 Defines the HTTP method for sending data to the action URL (for type="submit" and type="image")
formnovalidateNew formnovalidate Defines that form elements should not be validated when submitted
formtargetNew _blank
_self
_parent
_top
framename		 Specifies where to display the response that is received after submitting the form (for type="submit" and type="image")
heightNew pixels Specifies the height of an <input> element (only for type="image")
listNew datalist_id Refers to a <datalist> element that contains pre-defined options for an <input> element
maxNew number
date		 Specifies the maximum value for an <input> element
maxlength number Specifies the maximum number of characters allowed in an <input> element
minNew number
date		 Specifies a minimum value for an <input> element
multipleNew multiple Specifies that a user can enter more than one value in an <input> element
name text Specifies the name of an <input> element
patternNew regexp Specifies a regular expression that an <input> element's value is checked against
placeholderNew text Specifies a short hint that describes the expected value of an <input> element
readonly readonly Specifies that an input field is read-only
requiredNew required Specifies that an input field must be filled out before submitting the form
size number Specifies the width, in characters, of an <input> element
src URL Specifies the URL of the image to use as a submit button (only for type="image")
stepNew number Specifies the legal number intervals for an input field
type button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week 		Specifies the type <input> element to display
value text Specifies the value of an <input> element
 
widthNew pixels Specifies the width of an <input> element (only for type="image")

Global Attributes

The <input> tag also supports the Global Attributes in HTML5.

Event Attributes

The <input> tag also supports the Event Attributes in HTML5.

WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
Download XML Editor
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
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