HTML | DOM 输入文件上传自动对焦属性

HTML DOM 中的Input FileUpload autofocus 属性用于设置或返回文件上传按钮是否应在页面加载时自动获得焦点。

句法：

• 返回自动对焦属性：

  fileuploadObject.autofocus

• 设置自动对焦属性：

  fileuploadObject.autofocus=true|false

属性值：

• true :文件上传按钮获得焦点
• false :文件上传按钮没有获得焦点

返回值：

• 它返回代表上传按钮聚焦或何时聚焦的布尔值。

示例 1：返回 autofocus 属性。

  

    
        h1 {
            color: green;
        }
    

  

    
        Geeks for Geeks
        
  
        
      
  
        
          Click
      
  
        
            function myFunction() {
                var x = 
                    document.getElementById(
                      "myFile").autofocus;
                
                document.getElementById(
                  "demo").innerHTML = x;
            }
        
    

  

输出：
点击前：

点击后：

示例 2：设置自动对焦属性。

  

    
        h1 {
            color: green;
        }
    

  

    
        
          Geeks for Geeks
      
        
  
        
      
  
        
          Click
      
  
        
            function myFunction() {
                var x = 
                    document.getElementById(
                      "myFile").autofocus = 
                    "true";
                
                document.getElementById(
                  "demo").innerHTML = x;
            }
        
  
  

  

输出：
点击前：

点击后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 歌剧
• 苹果浏览器