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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。