HTML | DOM Textarea readOnly 属性

DOM Textarea readOnly 属性用于设置或返回textarea 中的文本是否应该只读。如果它是只读的，则内容不能修改，但可以复制。
句法：

• 它用于返回 readOnly 属性。

textareaObject.readOnly

• 它用于设置 readOnly 属性。

textareaObject.readOnly = true|false

属性值：

• true：定义文本区域为只读。
• false：定义文本区域不是只读的，可以更改。

返回值：它以布尔值的形式返回只读属性的值，即真或假。
示例 1：此示例说明如何设置 Textarea 只读属性。

html

 

    DOM textarea readonly Property

 

    
      GeeksforGeeks
  
    DOM textarea readonly Property
 
 
    
    This text is wrapped in the text area field.
    
    
   
    Submit
     
 
    
        function myGeeks() {  
          // Set the readOnly property.
          var x =
           document.getElementById(
           "GFG_ID").readOnly = true;
 
          document.getElementById("GFG").innerHTML =
           "The value is set to " + x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何返回 Textarea readOnly 属性。

html

 

    DOM textarea readOnly Property

 

   
    GeeksforGeeks
    DOM textarea readonly Property
 
    
    This text in the text area field is readOnly.
    
    
   
    Submit
   
    
 
   
    
    
        function myGeeks() {
 
            var x =
            document.getElementById(
            "GFG_ID").readOnly;
 
            document.getElementById("sudo").innerHTML = x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

支持的浏览器： Textarea readOnly 属性支持的浏览器如下：

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