Articles → HTML 5 → Range Input Element In Html5

Range Input Element In Html5

In this article, we will discuss the range input element in HTML5.

Purpose

The range input element is like a slider control that is used to specify a numeric value.

<input type="range" />

<!DOCTYPE html>
<html>
   <body>
      <input type="range" />
   </body>
</html>

Min attribute → specifies the minimum value of the range. The default value is zero
Max attribute → specifies the maximum value of the range. The default value is 100
Step attribute → specifies the number of intervals. For example, if the min value is zero, the max value is 100 and the step is 10 so intervals would be 10, 20, 30… 100

Internet Explorer	Firefox	Chrome	Safari	Opera	Edge
10.0	23.0	4.0	3.1	10.1	Yes

Query/Feedback