HTML | DOM 输入搜索自动对焦属性

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

句法：

• 它返回自动对焦属性。

  searchObject.autofocus

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

  searchObject.autofocus = "true|false"

属性值：

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

返回值：它返回一个布尔值，表示搜索字段是否获得自动对焦。

示例 1：此示例返回 Input search autofocus 属性。

  

    
      Input Search autofocus Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search autofocus Property
    
        
    
    
    
    click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").autofocus;
            
            document.getElementById(
                "check").innerHTML = s;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

  

    
      Input Search autofocus Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search autofocus Property
    
        
    
    
    
    click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").autofocus = false;
            
            
            document.getElementById(
                "check").innerHTML = s;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

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