HTML readonly 属性
定义和用法
readonly
属性是一个布尔属性。
当存在时,它指定输入字段或文本区域是只读的。
只读字段无法修改(但是,用户可以聚焦到它、高亮它,并复制其中的文本)。
readonly
属性可以设置为阻止用户在满足某些其他条件(例如选择复选框等)之前更改该值。然后,JavaScript 可以移除 readonly 值,使输入字段可编辑。
适用范围
readonly
属性可用于以下元素
元素 | Attribute |
---|---|
<input> | readonly |
<textarea> | readonly |
示例
Input 示例
带有只读输入字段的 HTML 表单
<form action="/action_page.php">
国家: <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="提交">
</form>
自己动手试一试 »
Textarea 示例
只读文本区域
<textarea readonly>
在 w3schools.com,您将学习如何创建网站。我们提供所有 Web 开发技术的免费教程。
</textarea>
自己动手试一试 »
浏览器支持
readonly
属性对每个元素的浏览器支持如下
元素 | |||||
---|---|---|---|---|---|
input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
textarea | 是 | 是 | 是 | 是 | 是 |