HTML | DOM 输入按钮自动对焦属性

HTML DOM 中的DOM Input Button autofocus 属性用于设置或返回页面加载时 Input Button 字段是否应自动获取焦点。此属性用于反映HTML 自动对焦属性。

句法：

• 它返回自动对焦属性。

  buttonObject.autofocus

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

  buttonObject.autofocus = true|false

属性值：

• true：指定 Button 字段获得焦点。
• false：指定 Button 字段未获得焦点。它有一个默认值。

返回值：它返回一个布尔值，表示页面加载时 Button 字段是否获得焦点。

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

 
 
  
 
     
        h1 { 
            color: green; 
        } 
     
 
  
 
    GeeksForGeeks 
     DOM Input Button autofocus Property  
        
    
     
                    
     
  
     
        function myGeeks() { 
              
            // accessing 'button' id. 
            var g = document.getElementById("GFG").autofocus; 
            document.getElementById("sudo").innerHTML = g; 
        } 
     
  
 
  
 

输出：

单击按钮之前：

点击按钮后：

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

 
 
  
 
     
        h1 { 
            color: green; 
        } 
     
 
  
 
    GeeksForGeeks 
     DOM Input Button autofocus Property  
        
    
     
                    
     
  
     
        function myGeeks() { 
              
            // accessing 'button' id. 
            var g = document.getElementById("GFG").autofocus = false; 
            document.getElementById("sudo").innerHTML = g; 
        } 
     
  
 
  
 

输出 ：
点击按钮前：

点击按钮后：

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

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