HTML | DOM 输入搜索自动完成属性

HTML DOM 中的DOM 输入搜索自动完成属性用于设置或返回输入搜索字段的自动完成属性的值。 autocomplete 属性用于指定 autocomplete 属性是否具有“on”或“off”值。当 autocomplete 属性设置为 on 时，浏览器将根据用户之前输入的值自动完成值。

句法：

• 它返回输入搜索自动完成属性。

  searchObject.autocomplete

• 它用于设置输入搜索自动完成属性。

  searchObject.autocomplete = "on|off"

属性值：

• on：默认值。它会自动完成这些值。
• off：它定义用户应该填写搜索输入字段的值。它不会自动完成值。

返回值：它返回一个表示自动完成状态的字符串值

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

  

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

  

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

  

输出：
点击按钮前：

点击按钮后：

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

  

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

  

  
    GeeksforGeeks
    Input Search autocomplete Property
    
        
    
    
    
    
      click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").autocomplete = "off";
            
            document.getElementById(
                "check").innerHTML = 
         "The value of the autocompletee"
            +" attribute was changed to "
            + s;
        }
    
  

  

输出 ：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Input Search autocomplete 属性支持的浏览器如下：

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