HTML |只读属性 - 芒果文档

📌 相关文章

📜 HTML |只读属性

📅 最后修改于: 2021-09-01 02:59:39 🧑 作者: Mango

它是一个布尔属性，用于指定输入或文本区域 Element 中写入的文本是只读的。这意味着用户不能修改或更改特定元素中已经存在的内容(但是，用户可以选择它，突出显示它并从中复制文本)。而 JavaScript 可用于更改只读值并使输入字段可编辑。

元素：此属性与下面列出的两个元素一起使用：

：用于只读属性，只读取内容。
用于保存 readonly 属性。

示例：1

句法：

程序：



  

    readonly attribute
    

  

    GeeksForGeeks
    readonly attribute in Input Element
    
        Email:
        
        
 Country:

输出：

示例：2

句法：

</code></pre>
</div>
</li>
<li><strong>例子：</strong>
<div class="hcb_wrap">
<pre class="prism line-numbers lang-html" data-lang="HTML"><code class="replace"><!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.

输出：

支持的浏览器： readonly 属性支持的浏览器如下：

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