HTML DOM 输入范围 defaultValue 属性

HTML DOM 中的Input Range defaultValue 属性用于设置或返回滑块控件的默认值。此属性用于反映 HTML值属性。

default value 和 value 的主要区别在于 default value 表示默认值，该 value 包含进行一些更改后的当前值。此属性对于查明范围字段是否已更改很有用。

句法：

它返回输入范围defaultValue属性。

rangeObject.defaultValue

它用于设置输入范围defaultValue属性。

rangeObject.defaultValue = value

属性值：它包含单个属性，即定义范围字段默认值的值。

返回值：它返回一个字符串值，表示范围字段的默认值。

示例：此示例说明如何返回 Input Range defaultValue 属性。

HTML

  

    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
    
        GeeksForGeeks
    
  
    DOM Input Range defaultValue property
    
    
    
    
    
        Click Here to return the defaultValue Property
    
    
  
    
  
        // Set the default value to 10 
        document.getElementById(
            "Geek_Range").defaultValue = "10";
  
        // Return the 
        function returnDefault() {
            var x = document.getElementById(
                "Geek_Range"
            ).defaultValue;
  
            document.getElementById(
                "Geek_p").innerHTML = x;
        }
    

  

输出：

示例 2：下面的 HTML 代码说明了如何设置 Input Range defaultValue 属性。

HTML

  

    #Geek_p {
        font-size: 30px;
        color: green;
    }

  

  
    
        GeeksForGeeks
    
  
    DOM Input Range defaultValue property
    
    
    
    
    
        Click Here to Change the defaultValue Property
    
    
  
    
        function returnDefault() {
            var x =
                document.getElementById(
                    "Geek_Range").defaultValue = "10";
  
            document.getElementById(
                "Geek_p").innerHTML = x;
        }
    

  

输出：

支持的浏览器：

• 谷歌浏览器
• 互联网浏览器 10.0
• 火狐
• 苹果浏览器
• 歌剧