HTML | DOM 输入颜色自动对焦属性

HTML DOM 中的DOM Input Color autofocus 属性用于设置或返回页面加载时颜色选择器是否应自动获取焦点。此属性用于反映 HTML 自动对焦属性。

句法：

• 它返回自动对焦属性。

  colorObject.autofocus

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

  colorObject.autofocus = true|false

属性值：

• true：颜色选择器获得自动对焦。
• false：它有一个默认值。颜色选择器没有获得焦点。

返回值：它返回一个布尔值，表示页面加载时颜色选择器是否获得焦点。

示例 1：此示例说明如何返回属性。

  

    
        HTML DOM Input Color autofocus Property
    

  

    
        GeeksForGeeks
    
     
        HTML DOM Input Color autofocus Property 
    
  
    
        
            Select your favorite color:
        
        
    
  
    
        Click Here!
    
  
    
    
  
    
        function myGeeks() {
            var x =
                document.getElementById(
                    "color").autofocus;
  
            document.getElementById(
                "GFG").innerHTML = x;
        }
    

  

输出：
点击按钮前：

点击按钮后：

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

  

    
        HTML DOM Input Color autofocus Property
    

  

    
        GeeksForGeeks
    
     
        HTML DOM Input Color autofocus Property 
    
  
    
        
          Select your favorite color:
      
        
    
  
    
        Click Here!
    
  
    
  
  
    
        function myGeeks() {
            var x = 
                document.getElementById(
                  "color").autofocus = false;
            
            document.getElementById(
              "GFG").innerHTML = x;
        }
    

  

输出 ：

点击按钮前：

点击按钮后：

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

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