• Menu
  • Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

JavaBeat

Java Tutorial Blog

  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)
  • Java
    • Java 7
    • Java 8
    • Java EE
    • Servlets
  • Spring Framework
    • Spring Tutorials
    • Spring 4 Tutorials
    • Spring Boot
  • JSF Tutorials
  • Most Popular
    • Binary Search Tree Traversal
    • Spring Batch Tutorial
    • AngularJS + Spring MVC
    • Spring Data JPA Tutorial
    • Packaging and Deploying Node.js
  • About Us
    • Join Us (JBC)

HTML5 Time Input Type

March 21, 2014 //  by Krishna Srinivasan//  Leave a Comment

The time input type is used to specify the particular time by the user. It displays the time with hour and minutes without setting any time zone for it. It is an 12 hour format, so the user also have to set AM or PM while setting the time. The time type is used in <input> tag.

Syntax of time Input Type

<input type= "time">

Browser Support

The time input type is supported by google chrome, safari and opera.

HTML5 time Input Type Example

<!DOCTYPE html>
<head>
<title>Time Input</title>
</head>
<body>
	<form>
		Project Submission time :<input type="time">
	</form>
</body>
</html>
  • In the above we have shown how time type is used in the program.
  • Here we are setting time by using time type in input tag. It Specifies only hour and minute along with
    AM or PM.
  • <input type=”time”> is the tag used for the time type.

HTML5 Time Demo

  • Save the file as time_example.html in your system.
  • Just open the file in the browser, you will see the below picture in the browser.
    Note that the browser must support HTML5 specification.

When the execution process is completed successfully we will get the following output:

HTML5 Time Input Type
We have to set hour, minutes and AM or PM while setting the time as it is an 12 hour format.

Category: HTMLTag: HTML5

About Krishna Srinivasan

He is Founder and Chief Editor of JavaBeat. He has more than 8+ years of experience on developing Web applications. He writes about Spring, DOJO, JSF, Hibernate and many other emerging technologies in this blog.

Previous Post: « HTML5 Datetime-local Input Type
Next Post: HTML5 Week Input Type »

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Follow Us

  • Facebook
  • Pinterest

FEATURED TUTORIALS

New Features in Spring Boot 1.4

Difference Between @RequestParam and @PathVariable in Spring MVC

What is new in Java 6.0 Collections API?

The Java 6.0 Compiler API

Introductiion to Jakarta Struts

What’s new in Struts 2.0? – Struts 2.0 Framework

JavaBeat

Copyright © by JavaBeat · All rights reserved
Privacy Policy | Contact