title: HTML5 Date and time form
body: <p>I just started HTML and created this form:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt; HTML5 Testing Nitesh &lt;/title&gt;
      &lt;meta charset ="utf-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;form method = "get" action="http://www.msn.com"&gt;
        &lt;p&gt;
          &lt;label&gt; Enter Colour Code &lt;/label&gt;
          &lt;input type ="color" autofocus /&gt; 
        &lt;/p&gt;
        &lt;p&gt;
          &lt;label&gt; Enter The Date &lt;/label&gt;
          &lt;input type = "date"/&gt;
        &lt;/p&gt;
        &lt;p&gt;
          &lt;label&gt; Enter date with time &lt;/label&gt;
          &lt;input type = "datetime" /&gt;
        &lt;/p&gt;
        &lt;p&gt;
          &lt;label&gt; Enter local date and time &lt;/label&gt;
          &lt;input type = "datetime-local" /&gt;
        &lt;/p&gt;
        &lt;br/&gt;&lt;br/&gt;
        &lt;input type = "submit"  value="Submit"/&gt;
        &lt;input type = "reset" value="Reset"/&gt;
      &lt;/form&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Now the problem is I can't enter values properly for date with time and local date with time (tried Google Chrome, Microsoft Edge and IE) although just date column opens up calendar box to input the date. </p>