Different type of input fun in browser
Code :
<!DOCTYPE html>
<html>
<head>
<title>All Type Date and Time</title>
<style>
body {
background-color:#ddd;
color:#f0f;
}
input{
color:blue;
}
p{
color:green;
font-size:30px;
text-align:center;
text-shadow:2px 2px 1px white;
}
</style>
</head>
<body>
<p>Touch To select</p>
Time :<input type="time"> <br/><br>
Date :<input type="date"> <br/><br>
Week :<input type="week"> <br/><br>
Month:<input type="month"> <br/><br>
Time :<input type="datetime-local"><br/>
(Local formate)<br><br>
Date :<input type="date" min="2020-07-15"
max="2020-07-21"><br>
(Date within specific range only)<br><br>
<input type="time" value="05:05:05"><br>
(preset time but can change)<br><br>
</body>
</html>
Output:
Touch To select
Time :Date :
Week :
Month:
Time :
(Local formate)
Date :
(Date within specific range only)
(preset time but can change)