HTML | DOM 输入范围自动完成属性

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

句法：

• 它返回输入范围自动完成属性。

  rangeObject.autocomplete

• 它用于设置输入范围自动完成属性。

  rangeObject.autocomplete = "on | off" 

属性值：它包含下面列出的两个值：

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

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

示例 1：此示例说明如何返回输入范围自动完成属性。

 
 
  
 
     
        HTML DOM Input range autocomplete Property 
     
  
     
        #Geek_p { 
            font-size: 30px; 
            color: green; 
        } 
     

  
 
  
     
        GeeksForGeeks 
     
  
    DOM Input Range autocomplete property 
      
     
         
    
      
     
      
     
        Click Here 
     
      
     
      
     
        function myGeeks() { 
              
            // Return autocomplete property. 
            var x =document.getElementById( 
                "Geek_Range").autocomplete; 
              
            document.getElementById( 
                "Geek_p").innerHTML = x; 
        } 
     
 
  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

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

 
 
  
 
     
        HTML DOM Input range autocomplete Property 
     
  
     
        #Geek_p { 
            font-size: 30px; 
            color: green; 
        } 
     

  
 
  
     
        GeeksForGeeks 
     
  
    DOM Input Range autocomplete property 
      
     
         
    
      
     
      
     
        Click Here 
     
      
     
      
     
        function myGeeks() { 
              
            // Return autocomplete property. 
            var x = document.getElementById( 
                "Geek_Range").autocomplete = "of"; 
              
            document.getElementById("Geek_p").innerHTML
                = "The value was changed to " + x; 
        } 
     
 
  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

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

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果Safari
• 歌剧