Open In App

HTML <input> type Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML <input> type Attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text.

Syntax:

<input type="value">

Attribute Values:

Name

Description

button

Defines clickable button in HTML document, commonly activated with JavaScript scripts.

checkbox

HTML input field for selecting one or more limited options.

color

It is used to define a color picker. The value should be a seven-character hexadecimal notation. Its default value is #000000(black).

date

HTML input element for selecting dates with year, month, and day.

email

HTML field for entering email addresses, automatically validated for format.

file

It is used to specify the file select field and add a button to choose a file for upload to the form.

hidden

Hidden field: Input element in forms, conceals data from users, facilitating backend operations without user interaction, typically for database updates.

image

It is used to define an image as the submit button.

month

It is used to specify the control of month and year field. The value must be in the format of “YYYY-MM”.

number

It is used to specify an input field for entering a number.

password

Input tag attribute for sensitive data; should be transmitted securely (HTTPS) due to its sensitivity.

radio

input element with type=radio, allows single selection from predefined options in forms.

range

Control for user-entered numbers, allows setting restrictions, default range typically 0 to 100.

reset

It is used to defines a reset button. The reset button is used to reset all the form values to its initial values.

search

It is used to define a text field that entered a search string.

submit

Triggers submission of user-input values to form handler, typically activating server-side processing script.

tel

It is used to define a field that entering a user telephone Number.

text

It is used to define a single-line text field . The default width of the text field is 20 characters.

time

It is used to specify the entering time control field.

url

It is used to define a field that entered a URL. This input value is automatically validated before submitted the form.

week

It is used to define a week and a year control field.

HTML <input> type Attribute Examples

Example: In this example we have HTML form for username and password input with submit and reset buttons. Input type attributes: “text” for username, “password” for password.

html
<!DOCTYPE html>
<html>
<body>
    <h3>HTML input type Attribute</h3>

    <form action="#" method="get">
        Username: <input type="text" name="uname">
        <br><br>
        Password: <input type="password" name="pwd">
        <br><br>
        <button type="submit" value="submit">
            Submit
        </button>
        <button type="reset" value="reset">
            Reset
        </button>
    </form>
</body>

</html>

Output:

HTML-input-type-Attribute

HTMl Input Tye Attribute

Supported Browsers: The browsers supported by HTML <input> type attribute are listed below:


Last Updated : 12 Mar, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads