Which input type is used to choose the date in HTML ?

Which input type is used to choose the date in HTML ?

Last Updated : 30 Jan, 2022

In this article, we will learn how to choose the date from the calendar on the webpage. As we know that HTML 5 introduced many inputs types for the better functionality of the form.

The <input type="date"> input type is used to choose the date in HTML. It is used to develop input fields that tend the user enters a date, or use a textbox that validates the input or you can also choose a date from a special date picker interface.

Syntax

<input type = "date">

Example: Below HTML Code illustrates how to choose a date in HTML Form.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        Which input type is used to 
        choose the date in HTML?
    </title>

    <style>
        h1,
        h2 {
            color: green;
        }

        h2 {
            font-family: serif;
        }

        body {
            text-align: center;
        }
    </style>
</head>

<body>
    <h1>GeeksforGeeks</h1>

    <h2>Enter the Date</h2>

    <h4>Enter Date of Birth:
        <input type="date" id="test" 
            value="2019-07-02T25:32Z">
    </h4>
</body>

</html>

Output:

Which input type is used to choose the date in HTML ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to Change input type="date" Format in HTML ?

The <input> element with type="date" is used to allow the user to choose a date. By default, the date format displayed in the input field is determined by the user's browser and operating system settings. However, it is possible to change the format of the date displayed in the input field usi

How to Set input type date in dd-mm-yyyy format using HTML?

In HTML, you can use the <input> element with the type date to allow users to pick a date. However, the format used for displaying the date may vary depending on the browser and the user's locale settings. By default, the browser uses the ISO format (yyyy-mm-dd), which is not the same as dd-mm

How to set Placeholder Value for Input Type Date in HTML?

To set a placeholder value for the input type date in HTML5, use the placeholder attribute. The placeholder attribute doesn't work well with input type "date." Use onfocus="(this.type='date')" for a custom placeholder, enabling a date selection dropdown.Using OnfocusThe On-focus approach changes the

Explain the form new input types in HTML5 ?

In this article, we will discuss the functionality of the newer form input types provided by HTML5. Sometimes, while filling the registration form or any online form, it would require to follow the proper format to fill the particular data. Now it's easy to use the webform to fill up the common data

HTML <input type="date">

The HTML <input type="date"> element provides a date picker interface for selecting dates. It allows users to input dates using a calendar widget, ensuring standardized date input across different browsers and devices.Â Syntax<input type="date">Example:Â In this example, the HTML <inpu