HTML5: date and time

Example 3.20 - HTML5 input types for date and time - Example 3.20 | Example 3.20 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