HTML | DOM 输入范围禁用属性

DOM Input Range disabled 属性用于设置或返回输入范围字段是否必须禁用。禁用的范围字段不可点击且无法使用。它是一个布尔属性，用于反映 HTML Disabled 属性。它通常在所有浏览器中默认呈现为灰色。

句法：

• 它返回 disabled 属性。

rangeObject.disabled

• 它用于设置禁用属性。

rangeObject.disabled = true|false

属性值：

• true：定义输入范围字段被禁用。
• False：它有一个默认值。它定义了输入范围字段不被禁用。

返回值：它返回一个布尔值，表示输入范围字段是否被禁用。
示例 1：此示例说明如何返回属性。

HTML

 

    
        HTML DOM Input Range disabled Property
    


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

 

 
    
            GeeksForGeeks
        
 
    
      DOM Input Range disabled property
  
    
        
    
    
    
    
        Click Here
    
    
 
    
        function myGeeks() {
           
            // Return input range property.
            var x =
            document.getElementById(
              "Geek_Range").disabled;
           
           
            document.getElementById(
              "Geek_p").innerHTML = x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置属性。

HTML

 

    
        HTML DOM Input Range disabled Property
    


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

 

 
    
            GeeksForGeeks
        
 
    
      DOM Input Range disabled property
  
    
        
    
    
    
    
        Click Here
    
    
  
 
    
        function myGeeks() {
           
            //  Set input range disabled property
            var x =
                document.getElementById(
                "Geek_Range").disabled = false;
           
           
            document.getElementById(
              "Geek_p").innerHTML = x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM input range disabled 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器