HTML | <input type="range">

The HTML <input type=”range”> is used to define control for a number entered by the user. It can set restrictions on unimportant number or value which will be entered by the user. It has a Default range value from 0 to 100.

Syntax:

<input type="range">

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML Input Type range 
    </title> 
</head> 
<style> 
    #Geek_p { 
        font-size: 30px; 
        color: green; 
    } 
</style> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;">  
            GeeksForGeeks  
        </h1> 
  
    <h2>HTML <Input Type="range">  
</h2> 
    <input type="range" 
           id="Geek_Range" 
           value="90"> 
</body> 
  
</html> 

Output:

Supported Browsers:

Google Chrome 4.0
Firefox 23.0
Edge 10.0
Opera 10.1
Apple Safari 3.1

My Personal Notes

Recommended Posts:

ManasChhabra2

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.