Input HTML

HTML <input> Tag

The HTML <input> tag is used in an HTML form, in which the “type” attribute is used to define the different types of the information field. The HTML <input> tag is used to specify an input control to create form fields and to take inputs from the user. It is a fundamental form element in HTML. Different input fields can be applied to gather different information from the site visitors.

Example 1: To create an one-line text input field.

<!DOCTYPE html>
<html>
<body>
<h4>Fill the Form:</h4>
<form action="/action_page.php">
User Name: <input type="text" name="UserName" value="Joy"><br><br>
City: <input type="text" name="City" value="Jaipur"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>

Output:

Explanation:

In the above example, we created two one-line text input field.

Example 2: To define an one-line password input field.

<!DOCTYPE html>
<html>
<body>
<h4>Fill the Form:</h4>
<form action="/action_page.php">
User Name: <input type="text" name="UserName" value="Joy"><br><br>
New Password: <input type="password" name="password" value="password"/><br><br>  
<input type="submit" value="Submit">
</form>
</body>
</html>

Output:

Explanation:

In the above example, we created an one-line text input field, and a password field in HTML.

HTML 4.01 and HTML 5:

Several new attributes are introduced for the <input> tag in HTML5. The “align” attribute is removed from HTML5. Also, in HTML 5, several new values are introduced for the type attribute.

HTML and XHTML:

The HTML <input> tag does not require an end tag. The XHTML <input> tag, however requires the closing tag.

Global Attributes:

The HTML GLobal attributes are supported by the HTML <input> tag.

Event Attributes:

The HTML Event attributes are supported by the HTML <input> tag.

Supporting Browsers:

Chrome, IE, Firefox, Opera and Safari.

Please Share