Open In App

HTML | <input type=”range”>

Last Updated : 22 Jul, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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

Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads