只读和禁用

ReadOnly 与 Disabled 的本质区别

虽然 readOnly 和 disabled 属性在表面上看起来相似，但它们的核心区别在于：

• readOnly 只限制输入，而 disabled 完全禁止交互。
• readOnly 适用于需要展示重要信息或防止误操作的场景，而 disabled 适用于表单验证、防止重复提交或控制页面流程的场景。

示例

<input type="text" id="readOnlyInput" readonly>  //只读

<input type="text" id="disabledInput" disabled>    //禁用