HTML5: date and time

Example 3.22 - HTML5 input types for date and time - Example 3.22 | Example 3.22 JSFiddle
<form action="https://cscie12.dce.harvard.edu/echo" method="post">
<fieldset><legend>Date and Time</legend><p>Date</p>
<p>
<input type="date" name="my_date"/></p>
<p>Datetime-local</p>
<p>
<input type="datetime-local" name="my_datetime"/></p>
<p>Time</p>
<p>15 minute steps:
<input type="time" name="my_time_15" step="900" value="12:00"/></p>
<p>1 minute steps:
<input type="time" name="my_time_1" step="60" value="12:00"/></p>
<p>1 second steps:
<input type="time" name="my_time_1s" step="1" value="12:00"/></p>
</fieldset><p>
<input type="submit"/></p>

</form>
Date and Time

Date

Datetime-local

Time

15 minute steps:

1 minute steps:

1 second steps:

 

Screenshot

Screenshot

Screenshot

Screenshot

Copyright © David Heitmeyer