The date attribute in the input tag creates a calendar to choose the date, which includes day, month, and year.
Syntax:
<input type = "date">Example 1: Use date attribute in input tag
<!DOCTYPE html>
<html>
<head>
<title>Date Attribute</title>
</head>
<body>
<form action="/">
Date of Birth: <input type="date">
</form>
</body>
</html>
Output:
Example 2: Initializing the default date value in input tag. The date format is value = "yyyy-mm-dd" in input tag
<html>
<head>
<title>Date Attribute</title>
</head>
<body>
<form action="/">
Date of Birth:
<input type="date"
value="2018-10-19">
</form>
</body>
</html>
Output:
Example 3: DOM for date attribute
<!DOCTYPE html>
<html>
<head>
<title>Date Attribute</title>
</head>
<body>
Date of Birth:
<input type="date" id="dob">
<button onclick="dateDisplay()">
Submit
</button>
<p id="demo"></p>
<script>
function dateDisplay() {
let x = document.getElementById("dob").value;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Output:
Output in the phone:
