Creating a number or range input element

You can use the input element’s ‘number’ or ‘range’ type to allow the user to allow the user to input a number.

Screenshots

number

range

Code

number
<input name="myNum" type="number" min="0" max="10" step="1" value="2">

range
<input name="myRange" type="range" min="1" max="11" value="7" step="1">

Example

number

range