如何将只读属性添加到 JavaScript 中的输入标签？

使用 setAttribute() 方法使用 JavaScript 将只读属性添加到表单输入字段。

setAttribute() 方法：该方法将定义的属性添加到元素，并赋予它定义的值。如果指定的属性已经存在，则该值正在设置或更改。

句法：

element.setAttribute( attributeName, attributeValue )

参数：

• 属性名：必填参数。它指定要添加的属性的名称。
• attributeValue：必填参数。它指定要添加的属性的值。

示例 1：在此示例中，通过访问属性启用表单输入文本字段的只读属性。

 
 
     
         
            Add a readonly attribute to an input tag
        
     
  
     
          
         
            GeeksForGeeks 
        
          
        
            The readonly attribute is added to input
            box on click on the button.
        
          
        
            Input : 
        
        
          
        
            click here
        
          
        
        
          
        
            function GFG_Run() {
                document.getElementById('Input').readOnly
                        = true;
                  
                document.getElementById("GFG_down").innerHTML
                        = "Read-Only attribute enabled";
            }
         
     
                    

输出：

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

示例 2：在此示例中，表单输入文本字段的只读属性通过使用setAttribute() 方法启用。

 
 
     
        
            Add a readonly attribute to an input tag
        
     
  
     
          
         
            GeeksForGeeks 
        
          
        
            The readonly attribute is added to input box
            on click on the button.
        
          
        
            Input : 
        
        
          
        
            click here
        
          
        
        
          
        
            function GFG_Run() {
                document.getElementById('Input').setAttribute('readonly', true);
                  
                document.getElementById("GFG_down").innerHTML
                        = "Read-Only attribute enabled";
            }
         
     
                    

输出：

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