HTML | DOM 输入范围自动对焦属性

HTML DOM 中的DOM Input Range autofocus 属性用于设置或返回页面加载时输入范围字段是否应获得焦点。它反映了 HTML 自动对焦属性。

句法：

• 它返回自动对焦属性。

  rangeObject.autofocus

• 它用于设置自动对焦属性。

  rangeObject.autofocus = "true|false"

属性值：

• true：设置范围字段的焦点。
• false：具有默认值。它定义了范围字段没有获得焦点。

返回值：它返回一个布尔值，表示范围或滑块控制字段是否获得自动对焦。

示例 1：此示例返回输入范围自动对焦属性。

  

    
        HTML DOM Input range autofocus Property
    


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

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置自动对焦属性。

  

    
        HTML DOM Input range autofocus Property
    


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

  

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

  

输出 ：

单击按钮之前：

点击按钮后：

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

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