Skip to content
Related Articles

Related Articles

Improve Article

HTML | <input type=”range”>

  • Last Updated : 29 May, 2019

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:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<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 arrow_drop_up
Recommended Articles
Page :