轻松上手,快乐学习!

HTML readonly 属性


定义和用法

readonly 只读属性是一个布尔属性。

如果存在,它指定输入字段或文本区域是只读的。

无法修改只读字段(但是,用户可以使用 Tab 键将其选中、突出显示并从中复制文本)。

可以设置 readonly 属性以防止用户更改值,直到满足其他一些条件(如选择复选框等)。 然后,JavaScript 可以删除只读值,并使输入字段可编辑。


适用于

readonly 属性可用于以下元素:

元素 属性
<input> readonly
<textarea> readonly

实例

Input 实例

带有只读输入字段的 HTML 表单:

<form action="/action_page.php">
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="提交">
</form>
亲自试一试 »

Textarea 实例

只读文本区域:

<textarea readonly>
在 begtut.com,您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
亲自试一试 »

浏览器支持

readonly 属性对每个元素都有以下浏览器支持:

元素
input 1.0 6.0 1.0 1.0 1.0
textarea Yes Yes Yes Yes Yes