HTML readonly屬性用法及代碼示例

它是一個布爾屬性，用於指定在輸入或文本區域元素中寫入的文本是隻讀的。這意味著用戶無法修改或更改特定元素中已經存在的內容(但是，用戶可以對其進行製表，突出顯示並從中複製文本)。而JavaScript可用於更改隻讀值並使輸入字段可編輯。

元素：此屬性與以下列出的兩個元素一起使用：

<輸入>：它用於readonly屬性，僅讀取內容。
<text-area>它用於保存readonly屬性。

範例：1

用法：
```
<input readonly>
```

Program:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>readonly attribute</title> 
    <style> 
        body { 
            text-align:center 
        } 
          
        h1, 
        h2 { 
            color:green; 
            font-style:italic; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksForGeeks</h1> 
    <h2>readonly attribute in Input Element</h2> 
    <form action=""> 
        Email:
        <input type="text" name="email"> 
        <br> Country:
        <input type="text" name="country" 
                         value="Noida" readonly> 
        <br> 
        <input type="submit" value="Submit"> 
    </form> 
</body> 
  
</html>

Output:

示例：2

用法：
```
<textarea readonly>
```

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>readonly attribute</title> 
    <style> 
        body { 
            text-align:center; 
        } 
          
        h1, 
        h2 { 
            color:green; 
            font-style:italic; 
        } 
    </style> 
</head> 
  
<body> 
    <h1>GeeksForGeeks</h1> 
    <h2>readonly attribute in input Element</h2> 
    <textarea rows="4" cols="40" readonly> 
      GeeksForGeeks is a good website for  
      learning computer science. It is a  
      computer science portal for geeks. 
    </textarea> 
</body> 
  
</html>

Output:

支持的瀏覽器：隻讀屬性支持的瀏覽器如下所示：

穀歌瀏覽器
IE瀏覽器
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | readonly Attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。