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”>。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。