HTML input Tag

HTML input Tag defines an input field inside the form element which can take data input from the users. There are 22 types of input elements, all of them are used to take input from the user.

Table of Contents

• Syntax of HTML input Tag
• Usage of HTML input Tag
• Example of HTML input Tag
• Browser Support for HTML input Tag
• Global Attributes Support in HTML input Tag
• Event Attributes Support in HTML input Tag
• HTML input Tag Video
• More Tags

Syntax of HTML input Tag

The Syntax of HTML input Tag is shown below, It has only starting tag.

<input type="text" id="name" name="uname">

Usage of HTML input Tag

HTML input Tag is used to take the input from the user.

This input from the user can be used to perform a specific task, for example calculation etc.

There are 22 types of input elements. The type of input element is defined using the type attribute.

All types of input element are listed below.

1. <input type="text">
2. <input type="password">
3. <input type="submit">
4. <input type="button">
5. <input type="email">
6. <input type="file">
7. <input type="number">
8. <input type="search">
9. <input type="radio">
10. <input type="checkbox">
11. <input type="date">
12. <input type="hidden">
13. <input type="tel">
14. <input type="reset">
15. <input type="image">
16. <input type="month">
17. <input type="color">
18. <input type="datetime-local">
19. <input type="time">
20. <input type="range">
21. <input type="url">
22. <input type="week">

HTML input Tag is an inline element.

Example of HTML input Tag

Simple example of HTML input Tag is shown below.

<input type="text" id="name" name="uname">

In above example a text type of input element is used which will take the textual input from the user.

<input type="password" id="pass" name="pass">

In above example a password type of input element is defined which is used to take the password from the user.

The id attribute is used to define a unique id for the input element.

The name attribute specify the name of the input element which is also used to access the value of input element.

Browser Support for HTML input Tag

HTML input Tag is supported by all major browsers including Safari and Internet Explorer.

Global Attributes Support in HTML input Tag

The HTML input Tag supports all Global Attributes.

Event Attributes Support in HTML input Tag

The HTML input Tag supports all Event Attributes.

HTML input Tag Video

Watch our video on HTML input Tag.