HTML <textarea> readonly属性用法及代码示例

HTML中的<textarea>只读属性用于指定textarea元素为只读。如果文本区域为只读，则其内容无法更改，但可以复制并突出显示。这是一个布尔属性。

用法:

<textarea readonly> Contents... </textarea>

范例1：本示例使用<textarea>只读属性在仅可读的输入textarea上写入内容。

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML Textarea readonly Attribute 
        </title>  
    </head>  
      
    <body style = "text-align:center">      
          
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1>  
          
        <h2> 
            HTML Textarea readonly Attribute 
        </h2>  
          
        <p>A readonly Textarea.</p> 
      
        <!--A readonly Textarea-->
        <textarea readonly>This textarea field is readonly.  
        </textarea>  
    </body>  
</html>

输出：
textareareadonly

范例2：本示例使用<textarea>只读属性在仅可读的输入textarea上写入内容。

<!DOCTYPE html>  
<html>  
    <head>  
        <title> 
            HTML Textarea readonly Attribute 
        </title>  
    </head>  
      
    <body style = "text-align:center">      
          
        <h1 style = "color:green;"> 
            GeeksforGeeks 
        </h1>  
          
        <h2> 
            HTML Textarea readonly Attribute 
        </h2>  
          
        <p>A readonly Textbox.</p>      
          
        <textarea readonly="readonly" cols="15" rows="5"> 
            This textarea cann't be edited it is readonly only. 
        </textarea> 
    </body>  
</html>

输出：
textareareadonly

支持的浏览器：<textarea>只读属性支持的浏览器如下所示：

苹果Safari
谷歌浏览器
Firefox
Opera
IE浏览器

相关用法

注：本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | <textarea> readonly Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。