The HTML <input> tag defines the field where the user can enter data. The type attribute determines what type of user input is taken.

Different Input Types

type=" "	Description
Text(default)	Defines a one-line text input field
password	Defines a one-line password input field
submit	Defines a submit button to submit the form to the server
reset	Defines a reset button to reset all values in the form.
radio	Defines a radio button that allows selecting one option.
checkbox	Defines checkboxes that allow selecting multiple options form.
button	Defines a simple push button, which can be programmed to perform a task on an event.
file	Defines to select the file from device storage.
image	Defines a graphical submit button.

HTML5 added new types on <input> element. Following is the list of types of elements of HTML5

type=" "	Description
color	Defines an input field with a specific color.
date	Defines an input field for the selection of date.
datetime-local	Defines an input field for entering a date without a time zone.
email	Defines an input field for entering an email address.
month	Defines a control with month and year, without time zone.
number	Defines an input field to enter a number.
URL	Defines a field for entering URL
week	Defines a field to enter the date with week-year, without time zone.
Search	Defines a single-line text field for entering a search string.
tel	Defines an input field for entering the telephone number.

Following is the description of some important types of <input> elements with examples.

1. <input type="text">:

<input> element of type "text" are used to define a single-line input text field.

Example:

2. <input type="password">:

The <input> element of type "password" allows user to enter the password securely in a webpage. The entered text in the password field is converted into "*" or ".", so that it cannot be read by another user.

HTML Input Elements

Different Input Types

1. <input type="text">:

2. <input type="password">:

Subscribe to my newsletter

Ankur Tripathi

Ankur Tripathi