HTML input range用法及代码示例

HTML <input type =“ range”>用于定义对用户输入的数字的控制。它可以设置对用户输入的不重要数字或值的限制。它的默认范围值为0到100。

用法:

<input type="range">

例：

<!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>

输出：

支持的浏览器：

谷歌浏览器4.0
Firefox 23.0
边10.0
Opera 10.1
苹果Safari 3.1

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <input type=”range”>。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。