欢迎来到我的博客文章！所有文章都是满满的前端干货，文章简明扼要。
在表现上readonly和disabled都不能让用户对input进行编辑，但从含义、外观、事件响应和数据传输等方面存在重要差别。
| 对比维度 | readonly（只读） | disabled（禁用） |
|---|---|---|
| 含义 | 只允许用户填写一次的信息，提交后不允许再次修改 | input不允许填写和使用（权限或其他原因） |
| 外观表现 | 与普通input无异，视觉上正常显示 | 呈灰色显示，明显的禁用状态 |
| 用户交互 | 可以点击和获得焦点，但无法编辑内容 | 不允许点击，无法获得焦点 |
| 事件响应 | ✅ 会响应各种事件（click、focus等） | ❌ 不响应任何事件 |
| 数据传输 | ✅ 数据会被获取和上传到服务器 | ❌ 数据不会被获取和上传 |