title: How to change the time format (12/24 hours) of an <input>?
body: <p>I am using HTML5 input element with <code>type=time</code>. The problem is it shows time with <code>12 hours</code> but I want it to show it in <code>24 hours</code> a day. How can I make it to 24 hours?</p>
  <p>Here is my input field:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="time" name="time" placeholder="hrs:mins" pattern="^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$" class="inputs time" required&gt;</code></pre>
  </div>
  </div>
  </p>