HTML5 - range

The range type is used for input fields that should contain a value from a range of numbers.

Example

Live Demo

<!DOCTYPE HTML>

<html>
   <body>

      <form action = "/cgi-bin/html5.cgi" method = "get">
         Select Range : <input type = "range" min = "0" max = "10" step "1" 
            value = "5" name = "newinput" />
         <input type = "submit" value = "submit" />
      </form>

   </body>
</html>

Output

html5_web_forms2.htm