HTML <input> readonly 属性

HTML <input> 标签

定义和用法

readonly 属性规定输入字段为只读。

readonly 属性是一个布尔属性。

如果已设置此属性，它规定输入字段是只读的。

只读输入字段不能被修改（但是用户可以通过tab键定位到它，将其高亮显示并从中复制文本）。

可以设置 readonly 属性以防止用户更改值，直到满足某些其他条件（如选中复选框等）。然后，JavaScript 可以删除 readonly 值，并使输入字段可编辑。

注意：表单仍然会提交只读的输入字段，但不会提交禁用的输入字段！

实例

包含一个只读输入字段的 HTML 表单：

<form action="/action_page.php">
  <label for="country">国家：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="提交">
</form>

亲自试一试

语法

<input readonly>

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <input> 标签