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>
亲自试一试 »
Country: <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="提交">
</form>
Textarea 实例
只读文本区域:
<textarea readonly>
在 begtut.com,您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
亲自试一试 »
在 begtut.com,您将学习如何制作网站。 我们提供所有网络开发技术的免费教程。
</textarea>
浏览器支持
readonly
属性对每个元素都有以下浏览器支持:
元素 | |||||
---|---|---|---|---|---|
input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
textarea | Yes | Yes | Yes | Yes | Yes |