HTML 标签的 readonly 属性
readonly 属性规定文本区为只读。支持 input 与 textarea 元素。
实例
一个带有 name 属性的文本区:
<!DOCTYPE html>
<html>
<body>
<h1>input 元素的 readonly 属性</h1>
<form action="/example/html/action_page.aspx">
<label for="fname">姓氏:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="country">国家:</label>
<input type="text" id="country" name="country" value="挪威" readonly><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
定义和用法
readonly 属性规定文本区为只读。支持 input 与 textarea 元素。
在只读的文本区中,无法对内容进行修改,但用户可以通过 tab 键切换到该控件,选取或复制其中的内容。
可以设置 readonly 属性,直到满足某些条件(比如选择一个复选框),才恢复用户对该文本区的使用。然后,可以使用 JavaScript 来清除 readonly 属性,以使文本区变为可编辑状态。
语法
<textarea readonly="value">
属性值
值 | 描述 |
---|---|
readonly | 规定文本区为只读。 |
更多实例
<!DOCTYPE html>
<html>
<body>
<h1>textarea 的 readonly 属性</h1>
<textarea rows="4" cols="50" readonly>
在 cankaoshouce.com,你将学习如何创建网站。我们提供所有网络开发技术的免费教程。
</textarea>
</body>
</html>