HTML5: number and range

Example 3.21 - HTML5 input type='number' and type='range' - Example 3.21 |
<form action="http://cscie12.dce.harvard.edu/echo" 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>
<input type="submit"/></p>

</form>

Number:

Range from 1 to 10, increments of 1:

 

Screenshot

Screenshot

Copyright © David Heitmeyer