如何使用 jQuery 在输入字段上禁用浏览器自动填充？

在本文中，我们将看到如何禁用输入字段上的浏览器自动填充属性。为此，创建 HTML 页面，其中导入 jQuery CDN 以使用 jQuery 并编写其代码。

方法：

• 创建一个基本的 HTML 页面，其中至少有一个带有“id”属性的输入字段。
• 从脚本标签导入 jQuery CDN 以在页面上使用 jQuery。
• 然后在脚本标记中编写 jQuery 代码以禁用输入字段上的自动填充。

为此，我们使用jQuery的两种方法来设置字段的属性值：

• attr() 方法
• prop() 方法

示例 1：使用attr()方法

  

    
    
  
    
    
    
  
    
  
        // Execute this code when page is
        // totally loaded
        $(document).ready(function () {
  
            /* Setting the autocomplete of
               input field to off to make 
               autofill to disable */
            $("#name").attr("autocomplete", "off");
        });
    

  

    Name:
      
    

  

输出：

这将是代码的输出

示例 2：使用 prop() 方法

  

    
    
  
    Disable Autofill
  
    
    
    
  
    
  
        // Execute this code when page is
        // totally loaded
        $(document).ready(function () {
          
            /* Setting the autocomplete of 
               input field to off to make 
               autofill to disable */
            $("#name").prop("autocomplete", "off");
        });
    

  

    Name:
      
    

  

输出：

代码的输出。在此字段中没有自动填充