如何使用 jQuery 使文本输入不可编辑？

包含输入文本区域的 HTML 文档和任务是在 jQuery 的帮助下使文本输入不可编辑。下面讨论两种方法：

方法 1：我们将属性readonly设置为true 。要设置 readonly 属性，我们将使用prop() 方法。

• 例子：

    
  
      
          How to make a text input
          non-editable using JQuery?
      
    
      
      
  
    
  
    
      
          GeeksForGeeks
      
    
      
    
      Type Here: 
      
        
      
          Click Here
      
        
      
    
      
          var el_up = document.getElementById('GFG_UP');
          var el_down = document.getElementById('GFG_DOWN');
          el_up.innerHTML = "Click on the button to "
                          + "perform the operation.";
    
          function GFG_Fun() {
              $("#input").prop("readonly", true);
                
              el_down.innerHTML = 
                  "Input element is now read-only";
          }
      
  
    

• 输出：
  

方法 2：我们将属性readonly设置为true 。在这个例子中，我们将使用attr() 方法来设置属性值。

• 例子：

    
  
      
          How to make a text input 
          non-editable using JQuery?
      
    
      
      
  
    
  
    
      
          GeeksForGeeks
      
    
      
    
      Type Here: 
      
        
      
          Click Here
      
        
      
    
      
          var el_up = document.getElementById('GFG_UP');
          var el_down = document.getElementById('GFG_DOWN');
          el_up.innerHTML = "Click on the button to "
                          + "perform the operation.";
    
          function GFG_Fun() {
              $("#input").attr("readonly", true);
              el_down.innerHTML = 
                  "Input element is now read-only";
          }
      
  
    

• 输出：