Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | <input type=”range”>

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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: 

html




<!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 &lt;Input Type="range"&gt;
</h2>
    <input type="range"
           id="Geek_Range"
           value="90">
</body>
 
</html>

Output:

  

Supported Browsers:

  • Google Chrome 4.0 and above
  • Firefox 23.0 and above
  • Edge 12.0 and above
  • Opera 11.0 and above
  • Internet Explorer 10 and above
  • Apple Safari 3.1 and above
My Personal Notes arrow_drop_up
Last Updated : 22 Jul, 2022
Like Article
Save Article
Similar Reads
Related Tutorials