HTML5: number and range

Example 3.19 - HTML5 input type='number' and type='range' - Example 3.19

 <form action="https://cs12.net/form/submit.php" method="post">
   <p>Number:
     <br/>

     <input type="number" name="n"/>

   </p>
   <p>Range from 1 to 10, increments of 1:
     <br/>

     <input type="range" min="1" max="10" step="1" name="r"/>

   </p>
   <p>
     <button type="submit">Submit     </button>
   </p>
 </form>

Number:

Range from 1 to 10, increments of 1:

 

Screenshot

Screenshot