Articles → HTML 5 → Range Input Element In Html5

Range Input Element In Html5






Purpose





Syntax


<input type="range" />



Example


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

Try It


Output


Picture showing the output of the range input element in html5
Click to Enlarge


Min, Max, And Steps Attribute


  1. Min attribute → specifies the minimum value of the range. The default value is zero
  2. Max attribute → specifies the maximum value of the range. The default value is 100
  3. 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

Browser Support


Internet ExplorerFirefoxChromeSafariOperaEdge
10.023.04.03.110.1Yes



Video





Posted By  -  Karan Gupta
 
Posted On  -  Friday, September 29, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250