HTMLInputElement: readOnly 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

HTMLInputElement 接口的 readOnly 属性表示用户无法修改 <input> 元素的值。它反映了 <input> 元素的 readonly 布尔属性；如果属性存在，则返回 true，如果省略，则返回 false。

与具有真正 disabled 属性的表单控件不同，真正的 readOnly 属性值不会阻止用户点击或选择控件。

虽然如果类型为 hidden、range、color、checkbox、radio、file、submit、reset、button 和 image，HTML 的 readonly 属性将被忽略，但如果属性存在，这些输入类型的 readOnly 属性将为 true，否则为 false。

值

布尔值。

示例

const inputElement = document.getElementById("total");
console.log(inputElement.readOnly);
inputElement.readOnly = true;

规范

规范
HTML # dom-input-readonly

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年4月10日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的某个问题