HTML - <input> Tag

Kickstart HTML, CSS and PHP: Build a Responsive Website

Featured

Ogbemudia Terry Osayawe

More Detail

Web Design for Beginners: Build Websites in HTML & CSS 2022

Web Coding

More Detail

Complete HTML/CSS Course 2022

Featured

Nseabasi Udondian

More Detail

Description

The HTML <input>tag is used within a form to declare an input element − a control that allows the user to input data.

Example

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
            <br />
            
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
	
</html>

This will produce the following result −

Global Attributes

This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes

The HTML <input> tag also supports the following additional attributes −

Attribute	Value	Description
accept	content types	Specifies a comma-separated list of content types that the server accepts.
align	left right top middle bottom	Deprecated − Defines the alignment of content
alt	text	This specifies text to be used in case the browser/user agent can't render the input control.
autocomplete	on off	Specifies for enabling or disabling of autocomplete in <input> element
autofocus	autofocus	pecifies that <input> element should automatically get focus when the page loads
checked	checked	If type = "radio" or type = "checkbox" it will already be selected when the page loads.
disabled	disabled	Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
form	form_id	Specifies one or more forms
formaction	URL	Specifies the URL of the file that will process the input control when the form is submitted
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Specifies how the form-data should be encoded when submitting it to the serve
formmethod	post get	Defines the HTTP method for sending data to the action URL
formnovalidate	formnovalidate	Defines that form elements should not be validated when submitted
formtarget	_blank _self _parent _top	Specifies the target where the response will be display that is received after submitting the form
height	pixels	Specifies the height
list	datalist_id	Specifies the <datalist> element that contains pre-defined options for an <input> element
max	autofocus	Specifies the maximum value.
maxlength	number	Defines the maximum number of characters allowed in a text field
min	number	Specifies the minimum value.
multiple	multiple	Specifies that a user can enter multiple values
name	text	Assigns a name to the input control.
pattern	regexp	Specifies a regular expression that an <input> element's value is checked against
placeholder	text	Specifies a short hint that describes the expected value.
readonly	readonly	Sets the input control to read-only. It won't allow the user to change the value. The control however, can receive focus and are included when tabbing through the form controls.
required	required	Specifies that an input field must be filled out before submitting the form
size	number	Specifies the width of the control. If type = "text" or type = "password" this refers to the width in characters. Otherwise it's in pixels.
src	URL	Defines the URL of the image to display. Used only for type = "image".
step	number	Specifies the legal number intervals for an input field
type	button checkboxcolor date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Specifies the type of control.
value	text	Specifies the intial value for the control.If type = "checkbox" or type = "radio" this attribute is required.
width	pixels	Specifies the width

Event Attributes

This tag supports all the event attributes described in HTML Events Reference

Browser Support

Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Previous Page Print Page Next Page