The <input type=”range”> element creates a slider control for selecting a numerical value, where the exact value may not be critical. By default, the range spans from 0 to 100. Nonetheless, you can specify limitations on acceptable numbers using the min, max, and step attributes.
Example
| <form> <label for=”vol”>Volume (between 0 and 50):</label> <input type=”range” id=”vol” name=”vol” min=”0″ max=”50″> </form> |
The <input type=”search”> element is employed for search fields, with its behavior akin to that of a standard text field.
Example
| <form> <label for=”gsearch”>Search Google:</label> <input type=”search” id=”gsearch” name=”gsearch”> </form> |
The <input type=”tel”> is utilized for input fields designated to hold telephone numbers.
Example
| <form> <label for=”phone”>Enter your phone number:</label> <input type=”tel” id=”phone” name=”phone” pattern=”[0-9]{3}-[0-9]{2}-[0-9]{3}”> </form> |