HTML 标签的 readonly 属性

readonly 属性规定文本区为只读。支持 input 与 textarea 元素。


实例

一个带有 name 属性的文本区:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>input 元素的 readonly 属性</h1>
  5. <form action="/example/html/action_page.aspx">
  6. <label for="fname">姓氏:</label>
  7. <input type="text" id="fname" name="fname"><br><br>
  8. <label for="country">国家:</label>
  9. <input type="text" id="country" name="country" value="挪威" readonly><br><br>
  10. <input type="submit" value="提交">
  11. </form>
  12. </body>
  13. </html>

定义和用法

readonly 属性规定文本区为只读。支持 input 与 textarea 元素。

在只读的文本区中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容。

可以设置 readonly 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区的使用。然后,可以使用 JavaScript 来清除 readonly 属性,以使文本区变为可编辑状态。


语法

  1. <textarea readonly="value">
属性值
描述
readonly规定文本区为只读。

更多实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <h1>textarea 的 readonly 属性</h1>
  5. <textarea rows="4" cols="50" readonly>
  6. 在 cankaoshouce.com,你将学习如何创建网站。我们提供所有网络开发技术的免费教程。
  7. </textarea>
  8. </body>
  9. </html>