HTML5: HTML5 Forms
<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>