Run Code
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Input Type time</title> </head> <body> <h2>Input Type time</h2> <form> <label for="time">Select Time:</label> <input type="time" id="time"> <button type="button" onclick="getTime();">Get value</button> </form> <p id="time_result"> <!-- Here Will Appear Your time! --> </p> <p>💡 type="time" is not supported in Some Browsers!</p> <script> function getTime() { var time = document.getElementById("time").value; document.getElementById("time_result").innerHTML = "Time is: " + time; } </script> </body> </html>