HTML5: HTML5 Forms

form.html

<form>
  <input type="email" placeholder="Enter your e-mail" required> // Validation of email
  <input type="url">
  <input type="range" min="1" max="100" step="5">
  <input type="tel" pattern="\d{3}-\d{3}-\d{4}">
  <input type="number">
  <input type="submit">
  <progress min="0" max="100" value="0"></progress>
  <meter min="0" max="100" value="50">50</meter>
</form>

<script>
  var p = document.querySelector('progress');
  
  setInterval(function(){
    p.value += 1;
  }, 50);
</script>