Different type of input fun in browser

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:

All Type Date and Time

Touch To select

Time :

Date :

Week :

Month:

Time :
(Local formate)

Date :
(Date within specific range only)

(preset time but can change)

Comments